Skip to content

Commit 9fb068e

Browse files
RtillaWorkRtillaWork
committed
Initial
1 parent 3b1ab6e commit 9fb068e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

65 files changed

+81002
-0
lines changed

‎.env.development

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
REACT_APP_API_HOST='http://localhost'
2+
REACT_APP_API_PORT='3001'
3+
4+
REACT_APP_FLIKR_REST_ENDPOINT_URL='https://www.flickr.com/services/rest'
5+
REACT_APP_FLIKR_API_METHOD='flickr.photos.search'
6+
REACT_APP_FLIKR_API_KEY='c6651cf04f2213898fc7306476b55922'
7+
REACT_APP_FLIKR_API_ARGUMENTS='&tags=bikerace%2C+BoulderBikeTour&tag_mode=any&sort=relevance&geo_context=2&format=json&nojsoncallback=1'

‎.env.production

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
REACT_APP_API_HOST='http://localhost'
2+
REACT_APP_API_PORT='3001'
3+
4+
REACT_APP_FLIKR_REST_ENDPOINT_URL='https://www.flickr.com/services/rest'
5+
REACT_APP_FLIKR_API_METHOD='flickr.photos.search'
6+
REACT_APP_FLIKR_API_KEY='c6651cf04f2213898fc7306476b55922'
7+
REACT_APP_FLIKR_API_ARGUMENTS='&tags=bikerace%2C+BoulderBikeTour&tag_mode=any&sort=relevance&geo_context=2&format=json&nojsoncallback=1'

‎README.md

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# bikeRace Project 7
2+
3+
Front end in React

‎package-lock.json

+32,819
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package-lock.json.old

+14,498
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
{
2+
"name": "bikerace-fe",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"axios": "^0.19.0",
7+
"bootstrap": "^4.3.1",
8+
"jquery": "^3.4.1",
9+
"leaflet": "^1.5.1",
10+
"moment": "^2.24.0",
11+
"moment-duration-format": "^2.3.2",
12+
"node-sass": "^4.12.0",
13+
"popper.js": "^1.15.0",
14+
"react": "^16.9.0",
15+
"react-dom": "^16.9.0",
16+
"react-router-dom": "^5.0.1",
17+
"react-scripts": "3.0.1"
18+
},
19+
"scripts": {
20+
"build-css": "node-sass --include-path ./src/styles --include-path ./node_modules src/styles/ -o src/styles/",
21+
"start": "react-scripts start",
22+
"build": "react-scripts build",
23+
"test": "react-scripts test",
24+
"eject": "react-scripts eject"
25+
},
26+
"eslintConfig": {
27+
"extends": "react-app"
28+
},
29+
"browserslist": {
30+
"production": [
31+
">0.2%",
32+
"not dead",
33+
"not op_mini all"
34+
],
35+
"development": [
36+
"last 1 chrome version",
37+
"last 1 firefox version",
38+
"last 1 safari version"
39+
]
40+
},
41+
"devDependencies": {
42+
"react-test-renderer": "^16.9.0"
43+
}
44+
}

‎public/74630876-bike-flat-linear-long-shadow-icon-cycling-symbol-bicycle-ride-vector-line-illustration.jpg

71.6 KB
Loading

‎public/bouldercoloradobikerider-1.jpg

4.87 KB
Loading

‎public/bouldercoloradobikerider-2.png

2.8 KB
Loading

‎public/bouldercoloradobikerider-3.jpg

3.61 KB
Loading

‎public/bouldercoloradobikerider-4.jpg

9.37 KB
Loading

‎public/bouldercoloradobikerider-5.png

5.23 KB
Loading

‎public/bouldercoloradobikerider-6.png

3.36 KB
Loading

‎public/bouldercoloradobikerider-7.png

8.87 KB
Loading

‎public/bouldercoloradobikerider-8.png

9 KB
Loading

‎public/bouldercoloradobikerider-9.jpg

7.78 KB
Loading

‎public/bouldercoloradobikerider-9.png

3.36 KB
Loading

‎public/favicon.ico

3.78 KB
Binary file not shown.

‎public/index.html

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8"/>
5+
<link href="%PUBLIC_URL%/favicon.ico" rel="shortcut icon"/>
6+
<meta content="width=device-width, initial-scale=1" name="viewport"/>
7+
<meta content="#000000" name="theme-color"/>
8+
<!--
9+
manifest.json provides metadata used when your web app is installed on a
10+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
11+
-->
12+
<link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
13+
14+
<!-- <link rel="stylesheet" href="odometer-theme-train-station.css" /> -->
15+
<!-- <script src="odometer.js"></script> -->
16+
17+
<script src="https://kit.fontawesome.com/8aac97c0e5.js"></script>
18+
19+
20+
<style>
21+
/* @import url('https://fonts.googleapis.com/css?family=Blinker|Saira+Stencil+One|Ubuntu&display=swap'); */
22+
@import url('https://fonts.googleapis.com/css?family=Montserrat|Blinker|PT+Sans:700i&display=swap');
23+
</style>
24+
25+
<!--
26+
Notice the use of %PUBLIC_URL% in the tags above.
27+
It will be replaced with the URL of the `public` folder during the build.
28+
Only files inside the `public` folder can be referenced from the HTML.
29+
30+
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
31+
work correctly both with client-side routing and a non-root public URL.
32+
Learn how to configure a non-root public URL by running `npm run build`.
33+
-->
34+
<title>React App</title>
35+
</head>
36+
<body>
37+
<noscript>You need to enable JavaScript to run this app.</noscript>
38+
<div id="root"></div>
39+
<!--
40+
This HTML file is a template.
41+
If you open it directly in the browser, you will see an empty page.
42+
43+
You can add webfonts, meta tags, or analytics to this file.
44+
The build step will place the bundled scripts into the <body> tag.
45+
46+
To begin the development, run `npm start` or `yarn start`.
47+
To create a production bundle, use `npm run build` or `yarn build`.
48+
-->
49+
</body>
50+
</html>

‎public/manifest.json

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"short_name": "React App",
3+
"name": "Create React App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
}
10+
],
11+
"start_url": ".",
12+
"display": "standalone",
13+
"theme_color": "#000000",
14+
"background_color": "#ffffff"
15+
}

‎public/odometer-theme-train-station.css

+126
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
@import url("//fonts.googleapis.com/css?family=Economica");
2+
3+
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
4+
display: inline-block;
5+
vertical-align: middle;
6+
*vertical-align: auto;
7+
*zoom: 1;
8+
*display: inline;
9+
position: relative;
10+
}
11+
12+
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
13+
display: inline-block;
14+
vertical-align: middle;
15+
*vertical-align: auto;
16+
*zoom: 1;
17+
*display: inline;
18+
position: relative;
19+
}
20+
21+
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
22+
display: inline-block;
23+
vertical-align: middle;
24+
*vertical-align: auto;
25+
*zoom: 1;
26+
*display: inline;
27+
visibility: hidden;
28+
}
29+
30+
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
31+
text-align: left;
32+
display: block;
33+
position: absolute;
34+
top: 0;
35+
left: 0;
36+
right: 0;
37+
bottom: 0;
38+
overflow: hidden;
39+
}
40+
41+
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon {
42+
display: block;
43+
}
44+
45+
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner {
46+
display: block;
47+
-webkit-backface-visibility: hidden;
48+
}
49+
50+
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value {
51+
display: block;
52+
-webkit-transform: translateZ(0);
53+
}
54+
55+
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value {
56+
position: absolute;
57+
}
58+
59+
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner {
60+
-webkit-transition: -webkit-transform 2s;
61+
-moz-transition: -moz-transform 2s;
62+
-ms-transition: -ms-transform 2s;
63+
-o-transition: -o-transform 2s;
64+
transition: transform 2s;
65+
}
66+
67+
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
68+
-webkit-transform: translateY(-100%);
69+
-moz-transform: translateY(-100%);
70+
-ms-transform: translateY(-100%);
71+
-o-transform: translateY(-100%);
72+
transform: translateY(-100%);
73+
}
74+
75+
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner {
76+
-webkit-transform: translateY(-100%);
77+
-moz-transform: translateY(-100%);
78+
-ms-transform: translateY(-100%);
79+
-o-transform: translateY(-100%);
80+
transform: translateY(-100%);
81+
}
82+
83+
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
84+
-webkit-transition: -webkit-transform 2s;
85+
-moz-transition: -moz-transform 2s;
86+
-ms-transition: -ms-transform 2s;
87+
-o-transition: -o-transform 2s;
88+
transition: transform 2s;
89+
-webkit-transform: translateY(0);
90+
-moz-transform: translateY(0);
91+
-ms-transform: translateY(0);
92+
-o-transform: translateY(0);
93+
transform: translateY(0);
94+
}
95+
96+
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
97+
font-family: "Economica", sans-serif;
98+
}
99+
100+
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
101+
display: inline-block;
102+
vertical-align: middle;
103+
*vertical-align: auto;
104+
*zoom: 1;
105+
*display: inline;
106+
-moz-border-radius: 0.1em;
107+
-webkit-border-radius: 0.1em;
108+
border-radius: 0.1em;
109+
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMTExMTExIi8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
110+
background-size: 100%;
111+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #111111), color-stop(35%, #111111), color-stop(55%, #333333), color-stop(55%, #111111), color-stop(100%, #111111));
112+
background-image: -moz-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
113+
background-image: -webkit-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
114+
background-image: linear-gradient(to bottom, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
115+
background-color: #222;
116+
padding: 0 0.15em;
117+
color: #fff;
118+
}
119+
120+
.odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit + .odometer-digit {
121+
margin-left: 0.1em;
122+
}
123+
124+
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
125+
left: 0.15em;
126+
}

0 commit comments

Comments
 (0)