commit b3ed3dd75b176a831ed5d1cd51e591556341f492 Author: Nico Date: Sat Feb 19 20:14:01 2022 +0100 reupload commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..be48b51 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +# Cygnal.eu + +Source code of [cygnal.eu](https://cygnal.eu/) home page. + +Nothing particular to do… no yarn, no npm, no webpack, not even javascript… I know I'm lost too. diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..cacc7dc --- /dev/null +++ b/css/style.css @@ -0,0 +1,222 @@ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: url("../fonts/roboto-v19-latin-regular.eot"); /* IE9 Compat Modes */ + src: local("Roboto"), local("Roboto-Regular"), + url("../fonts/roboto-v19-latin-regular.eot?#iefix") + format("embedded-opentype"), + url("../fonts/roboto-v19-latin-regular.woff2") format("woff2"), + url("../fonts/roboto-v19-latin-regular.woff") format("woff"), + url("../fonts/roboto-v19-latin-regular.ttf") format("truetype"), + url("../fonts/roboto-v19-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ +} + +@font-face { + font-family: "Roboto"; + src: url("../fonts/roboto-light-webfont.woff2") format("woff2"); + src: url("../fonts/roboto-light-webfont.woff") format("woff"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "Roboto"; + src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"); + src: url("../fonts/roboto-bold-webfont.woff") format("woff"); + font-weight: 600; + font-style: normal; +} + +body { + font-family: Roboto; + margin: 0; + padding: 0; + min-height: 100vh; + width: 100%; +} + +img { + max-width: 100%; + height: auto; +} + +.container { + display: flex; + flex-flow: column nowrap; + justify-content: center; + height: 100%; +} + +header, +main, +footer { + margin: 0 auto; +} + +#logoTitle { + width: 100%; + max-width: 400px; + margin: auto; + display: flex; + justify-content: space-evenly; + flex-flow: row nowrap; + text-align: left; +} + +#logoTitle img { + width: 140px; + height: 140px; + margin-bottom: 0; +} + +#logoTitle h1 { + width: 200px; + color: #2e4369; + font-size: 60px; + font-weight: 300; + line-height: 60px; + margin: 0; + margin-top: auto; +} + +#logo { + width: 140px; + height: auto; +} + +h2 { + color: #999999; + font-size: 32px; + font-weight: 600; + line-height: 38px; + text-align: center; +} + +#features { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; +} + +.feature { + width: 300px; +} + +#features .feature:first-child { + margin-bottom: 50px; +} + +.feature h3, +.feature p { + margin: 0; +} + +.left-feature { + text-align: right; + margin-right: 50px; +} + +.right-feature { + text-align: left; + margin-left: 50px; +} + +.feature h3 { + color: #2e4369; + font-size: 20px; + font-weight: 600; + line-height: 30px; +} + +.feature p { + color: #7e7e7e; + font-size: 16px; + line-height: 21px; +} + +main .button { + height: 50px; + width: 220px; + border-radius: 10px; + background-color: #ffcc66; + border: none; + color: #2e4369; + display: block; + margin: 0 auto; + font-size: 24px; + font-weight: 300; + line-height: 50px; + cursor: pointer; + margin: auto; + padding: 5px 20px; + text-align: center; + text-decoration: none; + transition: all 0.3s ease-in-out; +} +main .button:hover { + background-color: #2e4369; + color: #ffcc66; +} + +footer ul { + margin-top: 50px; + list-style-type: none; + text-align: center; + padding: 0; +} + +footer ul li { + display: inline-block; + margin-left: 1em; + margin-right: 1em; +} + +footer ul li a { + color: #9b9b9b; + font-size: 12px; + line-height: 16px; +} + +@media screen and (max-width: 1024px) { + body { + height: 100%; + } + .container { + margin: 50px 0; + } + #features { + flex-flow: column nowrap; + } + .left-feature, + .right-feature { + text-align: center; + margin-bottom: 50px; + margin-left: 0; + margin-right: 0; + } +} +@media screen and (max-width: 340px) { + body { + height: 100%; + } + .container { + margin: 50px 0; + } + #features { + flex-flow: column nowrap; + } + #logoTitle { + text-align: center; + flex-wrap: wrap; + } + #logoTitle h1 { + font-size: 50px; + margin: auto; + width: 100%; + } + #logoTitle img { + margin: auto; + } +} diff --git a/fonts/roboto-bold-webfont.woff b/fonts/roboto-bold-webfont.woff new file mode 100755 index 0000000..ee614ee Binary files /dev/null and b/fonts/roboto-bold-webfont.woff differ diff --git a/fonts/roboto-bold-webfont.woff2 b/fonts/roboto-bold-webfont.woff2 new file mode 100755 index 0000000..58c8a2d Binary files /dev/null and b/fonts/roboto-bold-webfont.woff2 differ diff --git a/fonts/roboto-light-webfont.woff b/fonts/roboto-light-webfont.woff new file mode 100755 index 0000000..8f5552d Binary files /dev/null and b/fonts/roboto-light-webfont.woff differ diff --git a/fonts/roboto-light-webfont.woff2 b/fonts/roboto-light-webfont.woff2 new file mode 100755 index 0000000..df1d87c Binary files /dev/null and b/fonts/roboto-light-webfont.woff2 differ diff --git a/fonts/roboto-v19-latin-regular.eot b/fonts/roboto-v19-latin-regular.eot new file mode 100644 index 0000000..4f34800 Binary files /dev/null and b/fonts/roboto-v19-latin-regular.eot differ diff --git a/fonts/roboto-v19-latin-regular.svg b/fonts/roboto-v19-latin-regular.svg new file mode 100644 index 0000000..627f5a3 --- /dev/null +++ b/fonts/roboto-v19-latin-regular.svg @@ -0,0 +1,308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/roboto-v19-latin-regular.ttf b/fonts/roboto-v19-latin-regular.ttf new file mode 100644 index 0000000..a97385d Binary files /dev/null and b/fonts/roboto-v19-latin-regular.ttf differ diff --git a/fonts/roboto-v19-latin-regular.woff b/fonts/roboto-v19-latin-regular.woff new file mode 100644 index 0000000..69c8825 Binary files /dev/null and b/fonts/roboto-v19-latin-regular.woff differ diff --git a/fonts/roboto-v19-latin-regular.woff2 b/fonts/roboto-v19-latin-regular.woff2 new file mode 100644 index 0000000..1a53701 Binary files /dev/null and b/fonts/roboto-v19-latin-regular.woff2 differ diff --git a/img/coast-228x228.png b/img/coast-228x228.png new file mode 100644 index 0000000..9e0ca00 Binary files /dev/null and b/img/coast-228x228.png differ diff --git a/img/favicon-16x16.png b/img/favicon-16x16.png new file mode 100644 index 0000000..1979993 Binary files /dev/null and b/img/favicon-16x16.png differ diff --git a/img/favicon-32x32.png b/img/favicon-32x32.png new file mode 100644 index 0000000..efbd809 Binary files /dev/null and b/img/favicon-32x32.png differ diff --git a/img/iPhone/@1-black.png b/img/iPhone/@1-black.png new file mode 100644 index 0000000..f677563 Binary files /dev/null and b/img/iPhone/@1-black.png differ diff --git a/img/iPhone/@2-black.png b/img/iPhone/@2-black.png new file mode 100644 index 0000000..2d46890 Binary files /dev/null and b/img/iPhone/@2-black.png differ diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..1f742a5 --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,112 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/img/open.svg b/img/open.svg new file mode 100644 index 0000000..ccca703 --- /dev/null +++ b/img/open.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/img/openData.svg b/img/openData.svg new file mode 100644 index 0000000..44e7d15 --- /dev/null +++ b/img/openData.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/privacy.svg b/img/privacy.svg new file mode 100644 index 0000000..5ec17cd --- /dev/null +++ b/img/privacy.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/img/signal.svg b/img/signal.svg new file mode 100644 index 0000000..3aeda64 --- /dev/null +++ b/img/signal.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..47dfb46 --- /dev/null +++ b/index.html @@ -0,0 +1,81 @@ + + + + Cygnal - Track and share issues in realtime on bike lanes! + + + + + + + + + + + + + + + + + + + + +
+
+
+ +

Cygnal app

+
+

Get realtime infos on your bike route.

+
+ +
+
+
+
+ Report +

Track and share issues

+

Report on realtime issues on bike routes: road works, obstacles, accidents, etc.

+
+ +
+ OpenData +

Based on available OpenData

+

Always up to date to inform you about road works ahead while you bike!

+
+
+ +
+ Screenshot +
+ +
+
+ Open-source +

Free and open-source

+

From one fellow cyclist to another!

+
+ +
+ Privacy +

Respecting your privacy

+

Handles your geolocation with care, keeping it as much as possible within your device.

+
+
+
+ Go to app +
+ + +
+ +