diff --git a/index.html b/index.html deleted file mode 100644 index f81e6e1..0000000 --- a/index.html +++ /dev/null @@ -1,452 +0,0 @@ - - - - - - - - - - - Cannabinieri CBD - - - - - - -
- -
-
- -
- - -
-
- - - - - - - - - - -
-
-
-
-
-
-
-

Cannabinieri

-
-
- - - -
- -
- -
- -
-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-

Experiments

-

# experiments=products=oils etc!Our Experiments explore how plants react to changes.
- Environmental conditions and the relations between plants define a plants health, growth taste and effect.
- With our Experiments strive to understand our planet in order to create an organic, automated indoor garden for everyone, everywhere. -

-
- More -
-
-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-

Spider

-

Learn about our project Spider Pi
- Get to know our garden hexapod.
- He is aimed to be a garden helper, that collects data while doing your gardening.
 - Spider Pi enables everyone to grow their own crops everywhere.
- He is the solution for everyone who doesn't have the time for gardening but wants to grow their own local organic food and learn about plants in the meantime.
- #a dummy text -

-
- Learn -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
- -
-
-
-

PermaCulture

-

We utilitze and explore the principles of Permaculture.
- - -

-
- Learn -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
- -
-
-
-

GreenTech

-

- We want you to be able to grow your own crops at home wherever that is and no matter how much time you have.
- There are many projects that combine farming and tech in order to create a system that bears changing environmental conditons and a growing population.
 -
- Long distance transportation and the exploitation of ressources can be avoided if everyone grew their own crops or even better, let them be grown by affordable and accessible IoT solutions.

- Explore our projects and get inspired.
-

-
- Explore -
-
-
-
-
-
-
-
- -
-
-
-

About Us

-

We are currently a collective of five people, determined to connect farming and science.
- We aim to gather information about our ecosystem and utilize it to create 100% organic CBD products that all ship with a little bit more information for us and our customers.
- We strive to understand our ecosystem and to utilize our knowledge in order to create a database of products and affordable solutions for an automated organic garden for everyone, everywhere.
- #dummy text -

-
- Learn -
-
-
-
-
-

News

-
- -
- -
-
-
-
-
- -
- - - - diff --git a/src/main.rs b/src/main.rs index 47869af..f17570f 100644 --- a/src/main.rs +++ b/src/main.rs @@ -1,35 +1,78 @@ // use rocket macros globally -#[macro_use] -extern crate rocket; +#[macro_use] extern crate rocket; -// Owned Mutable Path buffer holds path -use std::path::{ Path, PathBuf }; +// push strings to path +// generate path from strings +use std::path::{ PathBuf, Path }; -// Content-Type based on file extension -use rocket::fs::NamedFile; +// Responder Type NamedFile +// serve file with Content-Type based on name +use rocket::fs::{ NamedFile, relative }; +// Set MIME-Types, Accept Header for Response +use rocket::http::{ Accept, QMediaType, MediaType }; -// Render index.html on / request -#[get("/")] -// Load File asynchronously -async fn index() -> Option { - // Attempt to open file readonly - NamedFile::open("templates/index.html") - .await.ok() -} +// Equivalent to main() +#[rocket::main] // enable asyn main() +async fn main() -> Result<(), rocket::Error> { + + // State Rocket => configuration + // registering routes + // mounting routes + // registering/ mobuildunting catchers + // manage State + // attach Fairings + rocket::build() + // State Rocket => Finalized App ready to launch + // check before launching + // catch errors + // constructs FileServer with Path + .mount("/", routes![index, fileserver]) + + //FileServer unable to set Mime-Types + // .mount("/", FileServer::from(relative!("templates/assets"))) -// Handle requests for static files -// Dynamic Path gets everything behind root -#[get("/")] -async fn static_files(file: PathBuf) -> Option { - NamedFile::open(Path::new("templates/assets/").join(file)).await.ok() + .ignite().await? + // State Rocket => Running App + // State after launch() is called + // launch() starts server + .launch().await } -#[launch] -// Mount routes to Rocket instance -fn rocket() -> _{ - // Launch Rocket - rocket::build().mount("/", routes![index, static_files]) +// Configure requests +// generate routes, set attributes + // set http method + // set uri +#[route(GET, uri = "/")] +// if success call handler +async fn index() -> Option { + + NamedFile::open("templates/index.html").await.ok() } +// Serve static files from Index.html + // Match against multiple segments + // parameters need to implement FromSegments + // PathBuf implements FromSegments + // push all segments to path + // Option implements Responder + // NamedFile implements Responder=> generates Response +#[route(GET, uri= "/")] +async fn fileserver(path: PathBuf) -> Option { + // set path to static files + let mut path = Path::new(relative!("templates/assets")).join(path); + // if path exists add path to index.html ? + let accept = vec![ + MediaType::CSS.into(), MediaType::JavaScript.into(), + ]; + + if path.is_dir() { + path.push("templates/index.html"); + Accept::new(accept); + } + // open file readonly + // NamedFile = Response + println!("{:?}", path); + NamedFile::open(path).await.ok() +} \ No newline at end of file diff --git a/templates/assets/img/Logo.svg b/templates/assets/Logo.svg similarity index 100% rename from templates/assets/img/Logo.svg rename to templates/assets/Logo.svg diff --git a/templates/assets/css/index.css b/templates/assets/css/index.css deleted file mode 100644 index 4701bfb..0000000 --- a/templates/assets/css/index.css +++ /dev/null @@ -1,3 +0,0 @@ -h1 { - color: blueviolet; -} \ No newline at end of file diff --git a/templates/assets/font-awesome.min.css b/templates/assets/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/templates/assets/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/templates/assets/index.css b/templates/assets/index.css new file mode 100644 index 0000000..e082992 --- /dev/null +++ b/templates/assets/index.css @@ -0,0 +1,2970 @@ + @font-face { + font-family: 'Lato', sans-serif; + src: url('fonts/Lato-Thin.ttf') format('truetype'); + font-style: normal; + font-weight: 100; + } + + @font-face { + font-family: 'IBM Plex Sans', sans-serif; + src: url('fonts/IBMPlexSans-Regular.ttf') format('truetype'); + font-style: normal; + } + + *{ + margin:0; + padding:0; + box-sizing:border-box; + } + + :root { + --top_padding:5px; + + --gradient1: linear-gradient( + 45deg, + hsl(160, 51%, 49%), + hsl(160, 51%, 59%), + hsl(160, 51%, 79%), + hsl(160, 51%, 89%), + #fff + ); + + --gradient2: radial-gradient( + #000, + #333, + #999, + #eee, + #fff + ); + + --gradient3: radial-gradient( + hsl(160, 51%, 79%), + #fff, + #eee + ); + }; + + html, + body { + width: 100%; + height: 100%; + } + + + @media (min-width: 1024px){ + + .wrapper { + display:grid; + height:100vh; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 10% 22% auto 40%; + grid-template-areas: + "top-bar top-bar top-bar top-bar" + "main-bar main-bar main-bar main-bar" + "main main main main" + "footer footer footer footer"; + font-family: 'Lato', sans-serif; + font-weight: 100; + -webkit-font-smoothing: antialiased; + overflow-x: hidden; + } + + .top-bar { + background-color:white; + grid-area: top-bar; + display: flex; + align-items: center; + } + + .languages a:hover { + color: rgb(62, 190, 147); + } + + #main-bar { + background-color: black; + grid-area: main-bar; + z-index:1; + display: flex; + align-items: center; + border-top: 1px solid rgb(62, 190, 147); + border-bottom: 3px solid rgb(62, 190, 147); + box-sizing: border-box; + min-width: 100vw; + height: 80%; + font-weight:100 !important; + } + +#logo-container { + margin-top:6em; +} + + .logo { + z-index:3; + width: 20vh; + margin-left: 5vh; + } + + .main-navigation-bar { + z-index: 2; + display:flex; + align-items:center; + position: relative; + margin-left:5%; + } + + .main-navigation-bar ul { + list-style:none; + position:relative; + align-items:center; + padding-top: 2%; + } + + + .main-navigation-bar ul li { + position:relative; + width:100%; + text-align: left; + padding-right: 4%; + } + + .main-navigation-bar ul li a:hover { + color: rgb(0, 255, 170); + } + + .main-navigation-bar ul li a { + color:white; + text-decoration: none; + justify-content: space-between; + padding: 10px 1.5em; + line-height: 50px; + } + + .main-navigation-bar ul li #edit { + text-decoration: none; + justify-content: space-between; + padding: 10px 1em; + line-height: 50px; + } + + .main-navigation-bar ul #learn { + width:10em; + } + + + .main-navigation-bar ul ul { + border-top: 3px solid rgb(62, 190, 147); + position: absolute; + top: 90%; + opacity: 0; + visibility: hidden; + } + + .main-navigation-bar ul li li { + position: relative; + float:left; + display: list-item; + } + + .main-navigation-bar ul li:hover > ul { + opacity: 1; + visibility: visible; + } + + main{ + grid-area: main; + } + +/*Footer*/ + + footer { + grid-area:footer; + } + + #footer-wrapper { + color: white; + border-top: solid 3px rgb(62, 190, 147); + border-bottom: solid 1px rgb(62, 190, 147); + background-color: black; + height:100%; + display: grid; + grid-template-columns: 1fr 0.8fr 1fr 1fr; + grid-template-rows: 2fr 1fr; + padding: 10vh 5vh 5vh 5vh ; + font-family: 'Lato', sans-serif; + font-weight: 300; + min-height: 60vh; + min-width: 100vw; + } + + #column1 { + background-color: black; + display:none; + } + + + #footer-logo { + height: auto; + width: 100%; + text-align: center; + padding-left: 20%; + padding-top: 5%; + padding-bottom:5%; + padding-right: 20%; + } + + #column2 { + display:flex; + flex-direction: column; + text-align: center; + grid-column: 1; + } + + #column2 ul { + list-style: none; + text-align: center; + } + + #column2 ul li p a { + text-decoration:none; + color:white; + font-weight: 400; + font-size: 2.25vh; + } + + #column2 ul li { + margin: 4.4vh + } + + h6 { + font-size: 2.85vh; + text-transform: uppercase; + font-weight: 300; + } + + #column2 ul li a:hover { + color: hsl(160, 100%, 90%); + } + + #column3 { + display:flex; + flex-direction: column; + } + + #column3 h6 { + text-align: center; + } + + #column3 ul { + list-style: none; + text-align: center; + } + + #column3 ul li p a { + text-decoration:none; + color:white; + font-weight: 400; + font-size: 2.35vh; + } + + #column3 ul li { + text-align: center; + margin: 4.5vh; + } + + #column3 ul li a:hover { + color: hsl(160, 100%, 90%); + } + + #column4 { + display:flex; + flex-direction: column; + text-align: center; + } + + #column4 p { + font-size: 2.35vh; + font-weight: 300; + line-height: 4vh; + margin-top: 4.5vh; + text-align: center; + } + + #column5 { + display:flex; + flex-direction: column; + text-align: center; + } + + #social-media ul { + margin-top: 4.5vh + } + + #social-media ul li { + display:inline; + list-style-type: none; + padding-left: 9%; + } + + #social-media ul li .youtube { + padding-left: 0; + } + + .follow { + margin-left:10%; + + } + + #youtube { + height: auto; + width: 2vw; + } + + #instagram { + height:auto; + width: 3vw; + } + + #gitea { + height:auto; + width: 3vw; + } + + #row2 { + color: white; + grid-column: 2/4; + margin-top:5%; + } + + #row2 p { + text-align: center; + padding-top:2%; + cursor: pointer; + } + + .arrow .down { + display:none; + } + + #dropdown { + display:none; + } + + .ham-btn { + display:none; + } + + .hamburger { + display: none; + } + + .hamburger-icon { + display: none; + } + + #mobile-dropdown-container { + display: none; + } + + #name { + display:none; + } + +/*Content-section*/ + +#content { + display: grid; + grid-template-columns: 100%; + grid-template-rows: auto auto auto auto auto auto; + grid-template-areas: + "elevator" + "experiments" + "spider" + "permaculture" + "greentech" + "about" + "news"; + font-family: 'Lato', sans-serif; + font-weight: 400; + grid-gap: 0.2em; + width: 100%; +} + +.section1 { + grid-area: elevator; + color: white; + display:grid; + grid-template-columns: 50% 50%; + grid-template-rows: 25% 25% 25% 25%; + height: 65vh; + width: 100vw; +} + +.section1 #title { + grid-column: 1; + grid-row: 1/4; + display:flex; + align-items: center; + justify-content: center; +} + +.section1 #title h3 { + height:auto; + color: #000; + font-size: 5vw; + padding-left:.1em; + text-shadow: 5px 5px #fff; + text-transform: uppercase; + font-family: 'IBM Plex Sans', sans-serif; + } + +.section1 #slogan { + grid-column: 1; + grid-row: 3/4; + margin-bottom: 0; + margin-top: 5vh; + display: flex; + justify-content: center; + flex-direction: column; + cursor: pointer; +} + +.section1 #slogan:hover { + opacity: 60%; +} + +.section1 #slogan h2 { + font-size: 6vh; + text-transform: uppercase; + z-index:2; + color: transparent; + -webkit-text-stroke-width: 2px; + -webkit-text-stroke-color: #000; + font-family: 'IBM Plex Sans', sans-serif; + text-align: center; + padding-top: 5vh; + transition: ease-in-out 2s; +} + +.section1 #slogan a { + text-decoration: none; + display: flex; + flex-direction: column; +} + +.section1 #slogan h2:hover { + color: hsl(160, 51%, 49%); +} + +.section1 #slogan .fa-caret-down { + color: #000; + font-size: 6vh; + align-self: center; + cursor: pointer; + transition: ease .2s; +} + +.section1 #slogan .fa-caret-down:hover { + opacity:50%; +} + +.section1 #product { + grid-column: 2; + grid-row: 1/5; + display: flex; + justify-content: flex-start; + align-items: flex-start; +} + +#product a { + padding-top: 10vh; +} + +#product img { + min-height: 50vh; + opacity: 85%; +} + + +.section1 #image { + grid-column: 1/5; + grid-row: 1/5; + display:flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + margin-top:0; + z-index: -1; + width: 120vw; +} + +.section1 #image #leaves { + width: 100%; + height: auto; + opacity:1; + z-index:-1; + opacity: 50%; +} + +.section1 #about { + grid-column:1; + grid-row: 3/4; + display: flex; + align-items: center; + flex-direction: column; + padding-top: 5vh; + display:none; +} + +.section1 #about a { + text-decoration: none; + color: #fff; + padding: 5px 5px 5px 5px; + font-size: 2.5em; + text-shadow: 1px 1px rgb(0, 255, 170); + font-weight:600; + transition: .5s; + text-transform: uppercase; +} + + .section1 #about a:hover{ + color:magenta; + opacity: 50%; + } + + .section1 #about a:active{ + color:magenta; + opacity: 50%; + } + +.section1 #about .fas { + color: magenta; +} + +.pages-container { + background-color: #333; + padding-top: 2.5vh; +} + +.strip { + background-color: white; + border-radius: 25px; + z-index: 10000; + margin: 5vh; +} + +.section2 { + grid-area:experiments; + color:#333; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 25% 25% 25% 25%; + min-height: 90vh; + box-shadow: 1px 1px 5px 3px rgb(0, 255, 170); + border-radius: 25px; + padding: 1.5vh 0; +} + +.section2 .image-slider { + grid-column: 2; + grid-row: 1/5; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.slider-items { + + align-self: center; + padding-top: 1em; +} + +.section2 .slider-items .item img { + max-width: 100%; + display: block; + border: .5em solid white; + margin: 1em; +} + +.item #sample{ + max-width: 30vh; +} + +.section2 .slider-items .item { + display: none; +} + +.section2 .slider-items .item.active { + display: block; +} + +.section2 .image-slider .left-slide { + background-color: transparent; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + left: 10%; + cursor: pointer; + transition: all .5s ease; +} + +#dark{ + font-size: 2em; + color: #333; +} + +.section2 .image-slider .left-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section2 .image-slider .right-slide { + background-color: transparent; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + right:10%; + cursor: pointer; + transition: all .5s ease; +} + +.fas.fa-angle-right { + font-size: 2em; + color: #333; +} + +.section2 .image-slider .right-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section2 h1 { + grid-column: 1; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 10vh; + line-height: 80px; + letter-spacing: .5px; + padding: 6vh 0 4vh 8vh; + text-transform: uppercase; + font-weight: 800; + display: flex; + align-self: center; + color: white; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: black; +} + +.section2 p { + grid-column: 1; + grid-row: 2/3; + font-size: 2.65vh; + padding: 1.75rem 3.5rem; + color: rgb(62, 190, 147); + line-height: 6vh; + text-align: center; +} + +.section2 .page-button { + grid-column:1 ; + grid-row: 4; + display:flex; + align-items: center; + justify-content: center; + padding-bottom: 5vh; +} + +.section2 .page-button a { + text-decoration: none; + background-color: #fff; + color: #000; + border: .01em solid #000; + padding: .35em 1.5em; + border-radius: 25px; + text-align: center; + font-size: 1.45rem; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 390; + text-transform: uppercase; + transition: all .5s ease; + align-self: center; +} + +.section2 .page-button a:hover { + opacity: 50%; + color: hsl(160, 51%, 80%); +} + +#black { + background-color: black; + border-radius: 25px; + z-index: 10000; + min-height: 90vh; + margin: 5vh; +} + + +.section3 { + grid-area:spider; + color: #eee; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 25% 25% 25% 25%; + min-height: 95vh; + box-shadow: 1px 1px 5px 3px rgb(0, 255, 170); + border-radius: 25px; + padding: 1.5vh 0; +} + +.section3 .spider-slider { + grid-column: 2; + grid-row: 1/5; + max-width: 700px; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + + +.section3 .spider-items .item img { + max-width: 35vw; + display: flex; + align-self: center; + justify-self: center; +} + +.section3 .spider-items .item { + display: none; +} + +.section3 .spider-items .item.active { + display: block; +} + +.section3 .spider-slider #spider-left { + background-color: transparent; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + left: 3%; + cursor: pointer; + transition: all .5s ease; +} + +.fas.fa-angle-left { + font-size: 2em; + color: #eee; +} + +.section3 .spider-slider #spider-left:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section3 .spider-slider #spider-right { + background-color: transparent; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + right: 3%; + cursor: pointer; + transition: all .5s ease; + /*SlideShow Javascript!!!*/ +} + +.fas.fa-angle-right { + font-size: 2em; + color: #eee; +} + +.section3 .spider-slider #spider-right:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section3 h1 { + grid-column: 1; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 10vh; + line-height: 80px; + letter-spacing: .5px; + text-transform: uppercase; + display: flex; + align-self: center; + justify-self: center; + padding: 6vh 0 4vh 8vh; + color: #000; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; +} + + .section3 p { + grid-column: 1; + grid-row: 2/3; + font-size: 1.25rem; + padding: 2vh 5vh; + color: hsl(160, 51%, 60%); + line-height: 6vh; + font-weight: 400; + text-align: center; + } + + .section3 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + padding-top: 3.5rem; + padding-bottom: 5vh; + } + + .section3 .page-button a { + text-decoration: none; + background-color: #000; + border: .01em solid #fff; + color: #fff; + padding: .35em 1em; + border-radius: 27px; + text-align: center; + font-size: 1.5em; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 390; + text-transform: uppercase; + transition: ease .5s ; + align-self: center; + } + + .section3 .page-button a:hover { + color: hsl(160, 51%, 80%); + } + +.section4 { + grid-area: permaculture; + color: #333; + display: grid; + grid-template-columns: 40% 60%; + grid-template-rows: 25% 25% 25% 25%; + min-height: 95vh; + box-shadow: 1px 1px 5px 3px rgb(0, 255, 170); + border-radius: 25px; + padding: 1.5vh 0; +} + +.section4 .image-slider { + grid-column: 1; + grid-row: 1/5; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.section4 .slider-items .item img { + max-height: 60vh; + display: flex; + align-self: center; + justify-self: center; +} + +.section4 .slider-items .item { + display: none; +} + +.section4 .slider-items .item.active { + display: block; +} + +.section4 .image-slider .left-slide { + background-color:black; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + left:15%; + cursor: pointer; + transition: all .5s ease; + display:none; /*SlideShow Javascript!!!*/ +} + +.fas.fa-angle-left { + font-size: 2em; +} + +.section4 .image-slider .left-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section4 .image-slider .right-slide { + background-color:black; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + right:15%; + cursor: pointer; + transition: all .5s ease; + display:none; /*SlideShow Javascript!!!*/ +} + +.fas.fa-angle-right { + font-size: 2em; +} + +.section4 .image-slider .right-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section4 h1 { + grid-column: 2; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 9.5vh; + line-height: 80px; + letter-spacing: .5px; + padding: 6vh 6vh 4vh 0; + text-transform: uppercase; + font-weight: 800; + display: flex; + align-self: center; + justify-self: center; + color: white; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: black; +} + + +.section4 p { + grid-column: 2; + grid-row: 2/3; + font-size: 1.25rem; + line-height: 6vh; + padding: 2em; + color: rgb(62, 190, 147); + font-weight: 300; + text-align: center; + justify-self: center; +} + +.section4 .page-button { + grid-column:1 ; + grid-row:3; + display:flex; + align-items: center; + grid-column: 2; + grid-row: 4; + display: flex; + justify-content: center; + align-items: center; + padding-bottom: 5vh; +} + +.section4 .page-button a { + text-decoration: none; + background-color: #fff; + color: #000; + border: 0.01em solid #000; + padding: .25em 1em; + border-radius: 27px; + text-align: center; + font-size: 1.5em; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 390; + text-transform: uppercase; + margin-top: 6vh; + transition: ease .5s ; +} + +.section4 .page-button a:hover { + opacity: 90%; + background-color:hsl(160, 50%, 90%) +} + + +.section5 { + grid-area:greentech; + color: #eee; + display:grid; + grid-template-columns: 40% 60%; + grid-template-rows: 25% 25% 25% 25%; + min-height: 90vh; + box-shadow: 1px 1px 5px 3px rgb(0, 255, 170); + border-radius: 25px; + padding: 1.5vh 0; +} + +.section5 .image-slider { + grid-column: 1; + grid-row: 1/5; + display: flex; + align-items: flex-start; + justify-content: center; + position: relative; + align-self: center; +} + +.section5 .slider-items .item img { + max-height: 60vh; + display: flex; + align-self: center; + justify-self: center; +} + +.section5 .slider-items .item { + display: none; +} + +.section5 .slider-items .item.active { + display: block; +} + +.section5 .image-slider .left-slide { + background-color:black; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + left:10%; + cursor: pointer; + transition: all .5s ease; + display: none; +} + +.fas.fa-angle-left { + font-size: 2em; +} + +.section5 .image-slider .left-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section5 .image-slider .right-slide { + background-color:black; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + right:10%; + cursor: pointer; + transition: all .5s ease; + /*SlideShow Javascript!!!*/ + display: none; +} + +.fas.fa-angle-right { + font-size: 2em; +} + +.section5 .image-slider .right-slide:hover { + box-shadow: 0px 0px 10px rgb(0, 255, 170); +} + +.section5 h1 { + grid-column: 2; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 10vh; + line-height: 80px; + letter-spacing: .5px; + text-transform: uppercase; + display: flex; + align-self: center; + justify-self: center; + padding: 6vh 6vh 4vh 0; + color: #000; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; +} + + .section5 p { + grid-column: 2; + grid-row: 2/3; + font-size: 1.25rem; + line-height: 6vh; + padding: 3.25rem 3.5rem 3rem 0; + color: hsl(160, 51%, 60%); + font-weight: 400; + text-align: center; + justify-self: center; + } + + .section5 .page-button { + grid-column:2 ; + grid-row:4; + display:flex; + align-items: center; + justify-content:center; + padding-bottom: 6vh; + padding-right: 1.5em; + } + + .section5 .page-button a { + text-decoration: none; + background-color: #000; + color: #fff; + border: 0.01em solid #fff; + padding: .35em 1.5em; + border-radius: 27px; + text-align: center; + font-size: 1.35em; + font-family: 'IBM Plex Sans', sans-serif; + text-transform: uppercase; + font-weight: 390; + margin: 1em; + transition: ease .5s ; + } + + .section5 .page-button a:hover { + opacity: 90%; + color: hsl(160, 100%, 90%); + } + +.section6 { + grid-area: about; + color: #eee; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 25% 25% 25% 25%; + min-height: 90vh; + box-shadow: 1px 1px 5px 3px rgb(0, 255, 170); + border-radius: 25px; + padding: 5vh 0 0 0; +} + +.section6 .image-slider { + grid-column: 2; + grid-row: 1/4; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.section6 .slider-items .item img { + max-height: 60vh; + display: flex; + align-self: center; + justify-self: center; +} + +.section6 h1 { + grid-column: 1; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 10vh; + line-height: 80px; + letter-spacing: .5px; + padding: 1em 0 .5em 0; + margin-left: .1em; + text-transform: uppercase; + display: flex; + align-self: center; + justify-self: center; + padding-top: 4rem; + color: #000; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; +} + + +.section6 p { + grid-column: 1; + grid-row: 2/3; + font-size: 1.25rem; + padding: 2.5em 3.5rem 1.5rem 3.5rem; + color: hsl(160, 51%, 60%); + line-height: 6vh; + font-weight: 400; + text-align: center; + justify-self: center; +} + +.section6 .page-button { + grid-column: 1 ; + grid-row: 4; + display:flex; + align-items: center; + justify-content: center; + padding-bottom: 5vh; +} + +.section6 .page-button a { + text-decoration: none; + background-color:#000; + color:#fff; + border: 0.01em solid #fff; + padding: .25em 1em; + border-radius: 27px; + text-align: center; + font-size: 1.5em; + font-family: 'IBM Plex Sans', sans-serif; + margin: 1em; + font-weight: 390; + text-transform: uppercase; + transition: ease .5s; +} + +.section6 .page-button a:hover { + opacity: 90%; + color: hsl(160, 51%, 80%); +} + +.section7 { + grid-area: news; + color:black; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: .2fr 1fr; + padding: 2vh 5vh 5vh 5vh; + height: 105vh; +} + +.section7 h1 { + display: flex; + justify-content: flex-start; + align-items: center; + grid-row:1; + margin-left: 5rem; + color: #fff; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #000; + font-size: 7vh; + font-weight: 200; +} + +.section7 .news { + grid-row: 2/4; + max-width: 85vw; +} + +.news h3 { + font-size: 2.5rem; + line-height: 3rem; + color: rgb(62, 190, 147); + margin: 2.5rem 0 3rem 1.5rem; + text-transform: uppercase; + font-family:'IBM Plex Sans', sans-serif; + grid-row: 1; + font-weight: 100; +} + +.news img { + width: 45vh; + margin-bottom: 3vh; +} + + +.news p { + text-align: center; + margin: 1rem; +} + +#insta { + padding: 0; + background-color:transparent; + border: none; + cursor: pointer; + transition: .3s; + margin-top: 0; + margin-left: 0; + transition: .5s; +} + +#you { + padding: 0; + background-color:transparent; + border: none; + font-weight: 600; + cursor: pointer; + transition: .3s; + margin-top: 0; + margin-left: 0; + transition: .5s; +} + +.social { + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + grid-template-rows: .5fr .5fr .5fr .5fr; + align-items: center; + box-shadow: 1px 1px 3px 5px #999; + min-height: 80vh; + grid-gap: 2.5vh; + box-shadow: 1px 1px 5px 3px hsl(160, 100%, 90%); + padding: 2rem; + height: 80vh; + border-radius: 25px; +} + +#post_1 { + + grid-column: 1; + grid-row: 2; + max-width: 25vw; +} + +#post_2 { + + grid-column: 2; + grid-row: 2; + max-width: 25vw; +} + +#post_3 { + + grid-column: 3; + grid-row: 2; + max-width: 25vw; +} + +.social h5 { + grid-column: 1/3; + grid-row: 1; + justify-self: flex-start; + font-size: 5vh; + font-family:'IBM Plex Sans', sans-serif; + text-transform: uppercase; + padding: 1vh; + font-weight: 200; + +} + +.social .instagram { + grid-column: 1/3; + grid-row: 3; + display: flex; + padding-left: 2vh; +} + +.social .instagram a { + display:flex; + text-decoration: none; + color: #333; +} + +#gram { + width: 8vh; + margin-right: 5vh; + transition: all 0.5s ease; + margin-bottom: 0 !important; + filter: opacity(0.5); +} + +#gram:hover, #gram:active { + background-color: hsl(160, 100%, 80%) !important; + border-radius: 50%; + filter:opacity(1); +} + +.social .instagram #account { + font-size: 1.75rem; + align-self: center; + text-shadow: none; + font-weight: 100; +} + +.social .instagram #account:hover { + opacity: 50%; +} + +.social .youtube { + grid-column: 1/3; + grid-row: 4; + display: flex; + padding-left: 2vh; + margin: 0; +} + +.social .youtube a { + display:flex; + text-decoration: none; + color: #333; +} + +#tube { + width: 7vh; + margin-right: 5vh; + transition: all 0.5s ease; + filter: opacity(0.5) +} + +#tube:hover { + background-color: hsl(300, 100%, 80%); + border-radius: 50%; + filter: opacity(1); +} + + +.social .youtube #account { + font-size: 1.75rem; + align-self: center; + text-shadow: none; + font-weight: 100; +} + +.social .youtube #account:hover { + opacity: 50%; +} + +.social button { + padding: .5rem 1.25rem; + background-color: transparent; + border: none; + font-size: 1.25rem; + font-family:'Fira Sans', sans-serif; + line-height: 1rem; + border-radius: 50%; + font-weight: 600; + cursor: pointer; + transition: .3s; + margin-top: 1rem; + margin-left: .25rem; + transition: .5s; +} + +.social button a { + text-decoration: none; + color: white; +} +} + + +@media (max-width: 768px) { + + body{ + background-color: white; + } + + .top-bar { + display: none; + } + + .main-navigation-bar { + display: none; + } + +.wrapper { + grid-template-columns: 100%; + grid-template-rows: auto auto auto; + grid-template-areas: + "main-bar" + "main" + "footer"; + font-family: 'Fira Sans', sans-serif; + font-weight:500; + display:grid; +} + + #main-bar { + grid-area: main-bar; + background-color: black; + display:flex; + justify-content: flex-start; + border-bottom: 3px solid rgb(62, 190, 147); + padding: 0 0; + } + + .logo { + width: auto; + height: 17.5vh; + padding: 1vh 0 0 .5vh; + } + + #main-bar h3 { + color: white; + text-transform: uppercase; + padding-top:0; + font-size: 13px; + margin-left:10%; + margin-bottom: 10%; + font-weight: 300; + display: none; + } + +.hamburger-wrap { + float: right; + padding-top:0;; + width: 80vw; + margin-right: 1vh; + align-self: center; +} + + .hamburger { + padding: 25px 25px !important; + display:block; + float:right; + cursor:pointer; + } + + .hamburger .hamburger-icon { + width: 7.5vw; + height: 2.5px; + background-color:white; + display: block; + position:relative; + } + + .hamburger .hamburger-icon::before, + .hamburger .hamburger-icon::after { + content:''; + width:100%; + height:100%; + background-color: white; + display: block; + position:absolute; + } + + .hamburger .hamburger-icon::after { + top: -7px; + } + + .hamburger .hamburger-icon::before { + top: 7px; + } + + .ham-btn { + display:none; + } + + .ham-btn:checked .hamburger .hamburger-icon { + transform: rotate(45deg); + } + +#mobile-dropdown-container { + background-color: black; + position: absolute; + width: 100%; + display: block; + z-index: 2; + padding-bottom: 0; + margin-left:0; +} + +#mobile-dropdown { + margin: 1em; + display: none; +} + +#mobile-dropdown ul { + list-style:none; +} + +#mobile-dropdown ul li { + margin: 2vh 0 5vh 0; + display:flex; + flex-direction: column; +} + + #mobile-dropdown ul li a { + color :white; + text-decoration:none; + font-size: 3vh; + font-weight: 700; + line-height: 1.8em; + justify-self: center; + align-self: center; +} + +#mobile-dropdown ul li a:hover ,#mobile-dropdown ul li a:active { + color: rgb(0, 255, 170); +} + +#mobile-dropdown ul li ul li a { + color: white; +} + +.drop { + display: flex; + justify-self: center; + align-self: center; +} + +#down li { + margin: 1vh 0 2vh 0 !important; +} + +#down li a { + margin-bottom: 0 !important; +} + +.languages a { + color: white; + font-size: 10px; +} + +.languages a:active { + color: rgb(0, 255, 170); +} + + .arrow { + border: solid white; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 3px; + cursor: pointer; + transition: .1s; + } + + .down { + transform: rotate(45deg); + } + + + main { + grid-area: main; + } + + footer { + grid-area:footer; + background-color: yellow; + } + + #footer-wrapper { + grid-template-columns: 50% 50%; + grid-template-rows: .5fr 0.1fr 0.1fr 0.1fr 0.1fr; + display: grid; + background-color:black; + } + + #column1 { + grid-row: 1; + grid-column: 1; + display: flex; + justify-content: center; + } + + #footer-logo { + width:80%; + height:auto; + text-align: center; + padding-left: 20%; + padding-top: 1%; + padding-right: 20%; + padding-bottom:1%; + } + + #column1 a { + color: white; + text-decoration: none; + text-transform: uppercase; + margin-left: 0; + font-size:100%; + padding-top:5%; + padding-bottom:5%; + display:flex; + } + + #column1 a:hover { + color: #4dff88; + } + +#column2 { + grid-column:1/3; + grid-row: 2; + margin-top:0; + border-top:1px solid white; + padding: 5% 7.5% 5% 5%; + border-bottom:1px solid white; +} + +#column2 ul { + display:none; + position: relative; + width:100%; + overflow:auto; + z-index: 1; + list-style : none; + flex-direction: column; + text-align: center; + box-shadow: 1px 1px 3px 1px hsl(160, 100%, 50%); + border-radius: 25px; + padding: .9em; +} + +#column2 ul li p a { + text-decoration:none; + color:white; +} + +#column2 ul li p a:active { + color: hsl(160, 100%, 50%); + filter: blur(1px); +} + +#column2 ul li { + margin: .5em 0; +} + +h6 { + font-size: 2vh; + padding-bottom: 6%; + text-transform: uppercase; + color:white; + display: flex; + justify-content: space-between; +} + +.arrow { + border: solid white; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 3px; + transition: .2s; +} + +.down { + transform: rotate(45deg); + position: relative; + margin-left: 55%; +} + +.down2 { + transform: rotate(45deg); + position: relative; + margin-left:73%; +} + +#column3 { + grid-column: 1/3; + grid-row: 3; + margin-top:0; + border-top:1px solid white; + padding-top:5%; + padding-bottom:4%; + padding-left: 5%; + padding-right: 5%; + border-bottom:1px solid white; +} + +#column3 ul { + display:none; + position: relative; + width:100%; + overflow:auto; + z-index: 1; + list-style : none; + box-shadow: 1px 1px 3px 1px hsl(160, 100%, 50%); + border-radius: 25px; + padding: .5em; + text-align: center; + justify-content: space-evenly; +} + +#column3 ul li { + margin: .5em 0; +} + +#column3 ul li p a { + text-decoration:none; + color:white; +} + + #column4 { + grid-column: 1/3; + grid-row:4; + border-bottom: solid white 1px; + } + + #column4 p { + display:flex; + align-items: center; + justify-content: space-evenly; + padding-bottom: 1%; + padding-top: 1%; + color:white; + font-size:100%; + } + + #column4 h6 { + display:none; + } + + #column5 { + grid-column:2; + grid-row: 1; + margin-top:15%; + padding-bottom: 10%; + display:flex; + align-items: center; + } + +#social-media ul li { + display:inline; + list-style-type: none; + padding-left: 2.5vh; + padding-bottom: 5%; +} + +#column5 h6 { + display:none; +} + +#gitea { + width: 5vh; + height:auto; +} + +#gitea:active, #gitea:hover { + filter: blur(.75px); +} + +#youtube { + height: auto; + width: 4vh; +} + +#youtube:active, #youtube:hover { + filter: blur(.75px); +} + +#instagram { + height:auto; + width: 5vh; +} + +#instagram:active, #instagram:hover { + filter: blur(.75px); +} + + #row2 { + grid-column:1; + grid-row:5; + display:flex; + align-items:center; + justify-content:center; + margin-top:0; + margin-bottom:5%; + margin-top:5%; + background-color: black; + } + + #row2 p { + align-items: center; + padding-top:0; + font-size: 50%; + color:white; + } + +#row3 { + grid-column: 2; + grid-row: 5; +} + +/*Content Section*/ + +#content { + display: grid; + grid-template-columns: 100%; + grid-template-rows: auto auto auto auto auto auto; + grid-template-areas: + "elevator" + "experiments" + "spider" + "permaculture" + "greentech" + "about" + "news"; + font-family: 'Fira Sans', sans-serif; + font-weight:500; + grid-gap: 0.2em; + width: 100%; +} + + .section1 { + grid-area: elevator; + color: white; + border-top: 3px solid white; + display:grid; + grid-template-columns: 50% 50%; + grid-template-rows: 20% 25% 25% 30%; + grid-gap: 0.2em; + width: 100%; + height: 75vh; + } + + .section1 #title { + grid-column: 1/3; + grid-row: 1/3; + display:flex; + align-items: center; + justify-content: center; + } + + .section1 #title h3 { + height:auto; + color: #000; + font-size: 6.5vh; + font-family: 'IBM Plex Sans', sans-serif; + text-shadow: 5px 5px hsl(300, 100%, 80%); + text-transform: uppercase; + } + + .section1 #slogan { + grid-column: 1/3; + grid-row: 3/5; + margin-bottom: 0; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-top: 7.5vh; + cursor: pointer; + } + + .section1 #slogan a { + display: flex; + flex-direction: column; + text-decoration: none; + align-items: center; + } + + .section1 #slogan h2 { + font-size: 4.5vh; + text-transform: uppercase; + padding-right: .1em; + padding-bottom:1vh; + color: #000; + font-family: 'IBM Plex Sans', sans-serif; + text-align: center; + padding-top: 5vh; + transition: ease; + } + + .section1 #slogan h2:active { + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: hsl(160, 51%, 60%); + } + + .section1 #slogan a .fa-caret-down { + color: #000; + font-size: 7vh; + justify-self: center; + } + + .section1 #slogan a .fa-caret-down:active { + color: hsl(160, 51%, 49%); + } + + + .section1 #image { + grid-column: 1/3; + grid-row:1/5; + display:flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + margin-top:0; + z-index: -1; + } + +.section1 #image #leaves { + width: auto; + height: 85vh; + z-index:-1; + opacity: 35%; +} + + .section1 #about { + grid-column:1; + grid-row: 4; + align-self: center; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding-bottom: 1.5em; + display: none; + } + + + .section1 #about a { + text-decoration: none; + color: hsl(300, 100%, 80%); + padding: 5px 5px 5px 5px; + font-size: 3.5vh; + text-shadow: .75px .75px #000; + font-weight:600; + text-transform: uppercase; + margin-left: 1.5vh; + display: flex; + flex-direction: column; + align-items: center; + } + + .section1 #about a .svg-inline--fa.fa-w-14 { + color: hsl(300, 100%, 80%); + cursor: pointer; + } + +.section1 #about a .svg-inline--fa.fa-w-14:active { + filter: blur(.5px); + color: hsl(160, 100%, 80%); + } + + .section1 #about a:active { + filter : blur(.5px) + } + +.section1 #product { + grid-column: 1/3; + grid-row: 3/4; + display: flex; + justify-content: center; + align-items: center; + padding-top: 7.5vh; +} + +.section1 #product a { + cursor: pointer; +} + +.section1 #product img { + max-height: 40vh; +} + + .pages-container { + background-color: #000; + padding-top: 2vh; + overflow-x: hidden; + } + + .strip { + background-color: white; + border-radius: 25px; + z-index: 10000; + min-height: 90vh; + margin: 5vh; + } + + + .section2 { + grid-area:experiments; + display:grid; + grid-template-columns: 100%; + grid-template-rows:auto auto auto auto; + padding-top: 2vh; + margin-bottom: .5em; + width: 100%; + min-height: 95vh; + color: rgb(62, 190, 147); + font-weight: 600; + } + + .section2 .image-slider { + grid-column: 1; + grid-row: 1; + display: flex; + justify-content: center; + position: relative; + width: 25vh; + height: 35vh; + justify-self: center; + } + + + .section2 .slider-items .item img { + max-width: 100%; + display: flex; + position: absolute; + } + + .section2 .slider-items .item #sample { + max-width: 30vw; + padding-top: 10vh; + } + + .section2 .slider-items .item { + display: none; + } + + .section2 .slider-items .item.active { + display: flex; + justify-self: center; + align-self: center; + justify-content: center; + } + + .section2 .image-slider .left-slide { + background-color: transparent; + border-radius: 50%; + position:absolute; + height: 45px; + width: 45px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + right: 23vh; + cursor: pointer; + transition: all .5s ease; + } + + .fas.fa-angle-left { + font-size: 2em; + color: #fff; + } + + .section2 .image-slider .left-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section2 .image-slider .right-slide { + background-color:transparent; + border-radius: 50%; + height: 45px; + width: 45px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + left: 23vh; + cursor: pointer; + transition: all .5s ease; + } + + .fas.fa-angle-right { + font-size: 2em; + color: #fff; + } + + .section2 .image-slider .right-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section2 h1 { + grid-column: 1; + grid-row: 2; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 5vh; + letter-spacing: .5px; + padding-top: 1vh; + text-transform: uppercase; + text-align: center; + color: #000; + } + + + .section2 p { + grid-column: 1; + grid-row: 3; + font-size:2.5vh; + padding: .5vh 3vh; + padding-bottom: 0; + text-align: center; + line-height: 1.5; + font-weight: 200; + } + + #desktop { + display: none; + } + + .section2 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + margin: 2.5vh 0 5vh 0; + transition: all .5s ease; + } + + .section2 .page-button a { + text-decoration: none; + background-color: #000; + color:white; + padding: .75vh 2.75vh; + margin-left: 1vh; + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 3.5vh; + font-family: 'IBM Plex Sans', sans-serif; + text-transform: uppercase; + font-weight: 390; + } + + .section2 .page-button a:active { + opacity: 50%; + background-color: hsl(160, 51%, 80%); + color: #333; + } + + .strip2 { + background-color: #fff; + border-radius: 25px; + z-index: 10000; + min-height: 90vh; + margin: 5vh; + } + + .section3 { + grid-area:spider; + display:grid; + grid-template-columns: 100%; + grid-template-rows:auto auto auto auto; + padding-top: 2vh; + margin-bottom: .5em; + color: #0000; + width: 100%; + min-height: 95vh; + } + + .section3 .spider-slider { + grid-column: 1; + grid-row: 1; + display: flex; + justify-content: center; + position: relative; + width: 40vh; + height: 30vh; + justify-self: center; + } + + .section3 .spider-items .item img { + max-width: 100%; + display: flex; + position: absolute; + } + + .section3 .spider-items .item { + display: none; + } + + .section3 .spider-items .item.active { + display: flex; + justify-self: center; + align-self: center; + justify-content: center; + } + + #pic1 { + height: 35vh; + width: 40vh; + } + + .section3 .spider-slider #spider-left { + background-color: transparent; + border-radius: 50%; + position:absolute; + height: 45px; + width: 45px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + left: -3.5vh; + cursor: pointer; + transition: all .5s ease; + display: none; + } + + .fas.fa-angle-left { + font-size: 2em; + color: #999; + } + + .fas.fa-angle-left:active { + opacity: 50%; + color: rgb(0, 255, 170); + } + + .section3 .spider-slider #spider-left:active { + box-shadow: 0px 0px 10px magenta; + } + + .section3 .spider-slider #spider-right { + background-color: transparent; + border-radius: 50%; + height:45px; + width: 45px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + right: -5vh; + cursor: pointer; + transition: all .5s ease; + } + + .fas.fa-angle-right { + font-size: 2em; + color:#999; + } + + .fas.fa-angle-right:active { + opacity: 50%; + color: rgb(62, 190, 147); + } + + .section3 .spider-slider #spider-right:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section3 h1 { + grid-column: 1; + grid-row: 2; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 5.5vh; + letter-spacing: .5px; + padding-top: 2vh; + text-transform: uppercase; + text-align: center; + color: #000; + } + + .section3 p { + grid-column: 1; + grid-row: 3; + font-size:2.5vh; + padding: .5vh 3vh; + padding-bottom: 0; + text-align: center; + color: rgb(62, 190, 147); + font-weight: 600; + line-height: 1.5; + } + + .section3 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + margin:1.5vh 0; + } + + .section3 .page-button a { + text-decoration: none; + background-color:#000; + color:white;; + padding: .75vh 2vh; + margin-left: 1vh; + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 3.5vh; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 800; + text-transform: uppercase; + } + + .section4 { + grid-area:permaculture; + display:grid; + grid-template-columns: 100%; + grid-template-rows:auto auto auto auto; + padding-top: 2.5vh; + margin-bottom: .5em; + color:#000; + width: 100%; + height: 98vh; + } + + .section4 .image-slider { + grid-column: 1; + grid-row: 1; + display: flex; + align-items: center; + justify-content: center; + position: relative; + width: 22.5vh; + height: auto; + justify-self: center; + } + + .section4 .slider-items .item img { + max-width: 100%; + display: flex; + } + + .section4 .slider-items .item { + display: none; + } + + .section4 .slider-items .item.active { + display: block; + } + + .section4 .image-slider .left-slide { + background-color:black; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + right:30vh; + cursor: pointer; + transition: all .5s ease; + display: none; + } + + .fas.fa-angle-left { + font-size: 2em; + } + + .section4 .image-slider .left-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section4 .image-slider .right-slide { + background-color:black; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + left: 35vh; + cursor: pointer; + transition: all .5s ease; + display: none; + } + + .fas.fa-angle-right { + font-size: 2em; + } + + .section4 .image-slider .right-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section4 h1 { + grid-column: 1; + grid-row: 2; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 4.5vh; + letter-spacing: .5px; + padding: 2.5vh 0 2vh 0; + text-transform: uppercase; + text-align: center; + font-weight: 800; + } + + .section4 p { + grid-column: 1; + grid-row: 3; + font-size:2.5vh; + padding: .5vh 3vh; + padding-bottom: 0; + text-align: center; + color: rgb(62, 190, 147); + font-weight: 600; + line-height: 1.5; + } + + .section4 p span { + display: none; + } + + .section4 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + margin: 2vh 0 2.5vh 0; + } + + .section4 .page-button a { + text-decoration: none; + background-color: #000; + color:white;; + padding: .75vh 2vh; + border-radius: 27px; + text-align: center; + font-size: 3.5vh; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 800; + text-transform: uppercase; + } + + + .section5 { + grid-area:greentech; + display:grid; + grid-template-columns: 100%; + grid-template-rows:auto auto auto auto; + padding-top: 2vh; + margin-bottom: .5em; + color: #000; + width: 100%; + height: 98vh; + } + + .section5 .image-slider { + grid-column: 1; + grid-row: 1; + display: flex; + align-items: center; + justify-content: center; + position: relative; + width: 22.5vh; + height: auto; + justify-self: center; + } + + .section5 .slider-items .item img { + max-width: 100%; + display: flex; + + } + + .section5 .slider-items .item { + display: none; + } + + .section5 .slider-items .item.active { + display: flex; + } + + .section5 .image-slider .left-slide { + background-color:black; + border-radius: 50%; + position:absolute; + height:50px; + width:50px; + top:50%; + display:flex; + justify-content: center; + align-items: center; + margin-top: -20px; + right:30vh; + cursor: pointer; + transition: all .5s ease; + display: none; + } + + .fas.fa-angle-left { + font-size: 2em; + } + + .section5 .image-slider .left-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section5 .image-slider .right-slide { + background-color:black; + border-radius: 50%; + height:50px; + width:50px; + top: 50%; + display:flex; + justify-content: center; + align-items: center; + position:absolute; + margin-top: -20px; + left: 35vh; + cursor: pointer; + transition: all .5s ease; + display: none; + } + + + .section5 .image-slider .right-slide:active { + box-shadow: 0px 0px 10px rgb(0, 255, 170); + } + + .section5 h1 { + grid-column: 1; + grid-row: 2; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 5vh; + letter-spacing: .5px; + padding-top: 1.5vh; + text-transform: uppercase; + text-align: center; + font-weight: 800; + display: flex; + align-self: center; + justify-self: center; + } + + .section5 p { + grid-column: 1; + grid-row: 3; + font-size: 2.5vh; + padding: .5vh 3vh; + padding-bottom: 0; + color: rgb(62, 190, 147); + font-weight: 600; + line-height: 1.5; + text-align: center; + } + + .section5 p span { + display: none; + } + + .section5 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + margin:1vh 0; + margin-bottom: 3vh; + } + + .section5 .page-button a { + text-decoration: none; + background-color:#000; + color:white;; + padding: .75vh 2vh; + border-radius: 27px; + text-align: center; + font-size: 3.5vh; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 800; + text-transform: uppercase; + } + + + .section6 { + grid-area:about; + display:grid; + grid-template-columns: 100%; + grid-template-rows:auto auto auto auto; + padding-top: 2vh; + margin-bottom: .5em; + color: #000; + width: 100%; + height: 100vh; + } + + .section6 .image-slider { + grid-column: 1; + grid-row: 1; + display: flex; + align-items: center; + justify-content: center; + position: relative; + width:30vh; + height: auto; + justify-self: center; + } + + .section6 .slider-items .item img { + max-width: 100%; + display: flex; + } + + .section6 .slider-items .item { + display: none; + } + + .section6 .slider-items .item.active { + display: flex; + } + + .section6 h1 { + grid-column: 1; + grid-row: 2; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 5vh; + letter-spacing: .5px; + padding-top: 1vh; + text-transform: uppercase; + text-align: center; + color: rgb(62, 190, 147); + } + + .section6 p { + grid-column: 1; + grid-row: 3; + font-size:2.5vh; + padding: .5vh 3vh 0 3vh; + text-align: center; + font-weight: 600; + color: #000; + line-height: 1.5; + } + + .section6 p span { + display: none; + } + + .section6 .page-button { + grid-column:1 ; + grid-row:4; + display:flex; + align-items: center; + justify-content: center; + margin:1vh 0 3vh 0; + } + + .section6 .page-button a { + text-decoration: none; + background-color:rgb(62, 190, 147); + color:white;; + padding: .75vh 2vh; + margin-left: 1vh; + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 3.5vh; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 800; + text-transform: uppercase; + } + + + .section7 { + grid-area: news; + color: black; + display: grid; + grid-template-columns: 100%; + grid-template-rows:.25fr 1fr 1fr 1fr; + } + + .section7 h1 { + color:#333; + display: flex; + justify-content: center; + margin: 2.5vh; + grid-column: 1; + grid-row: 1; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 6vh; + text-transform: uppercase; + } + + .news { + grid-row: 2/5; + } + + .news h3 { + font-size: 1.5rem; + line-height: 3rem; + color: rgb(62, 190, 147); + margin: 1rem 0 0 1.5rem; + text-transform: uppercase; + font-family:'IBM Plex Sans', sans-serif; + } + + .news img { + width: 25vh; + margin: 0 0 1rem 3rem; + } + + .news h5 { + color: black; + text-shadow: 1.5px 3px rgb(62, 190, 147); + font-size: 1.5rem; + font-family:'IBM Plex Sans', sans-serif; + text-transform: uppercase; + margin-bottom: .5rem; + } + + .news p { + text-align: center; + margin: .75rem; + } + + .social { + display: grid; + grid-template-columns: 40% 60%; + grid-template-rows: .75fr .5fr .75fr .75fr; + align-items: center; + box-shadow: 1px 1px 5px 3px magenta; + padding: 1rem; + min-height: 80vh; + border-radius: 25px; + } + + .social h5 { + grid-column: 1/3; + grid-row: 1; + justify-self: center; + } + + .social .blog { + grid-column: 1/3; + grid-row: 2; + display: flex; + align-items: center; + justify-content: center; + } + + .social .blog #blog { + margin: 0; + } + + .social .instagram { + grid-column: 1/3; + grid-row: 3; + display: flex; + justify-content: space-around; + } + + #insta { + padding: 0; + background-color:transparent; + border: none; + cursor: pointer; + transition: .3s; + margin-top: 0; + margin-left: 0; + } + + #gram { + width: 5vh; + margin: 0; + transition: .7s all ease; + } + + #gram:active, #gram:hover { + border-radius: 50px; + background-color: hsl(160, 100%, 80%) + } + + #you { + padding: 0; + background-color:transparent; + border: none; + font-weight: 600; + cursor: pointer; + transition: .3s; + margin-top: 0; + margin-left: 0; + } + + #gram { + width: 9vh; + + } + + .social .instagram #account { + font-size: 2vh; + align-self: center; + text-shadow: none; + } + + .social .youtube { + grid-column: 1/3; + grid-row: 4; + display: flex; + justify-content: space-around; + } + + #tube { + width: 8vh; + margin: 0; + transition: .7s all ease; + } + + #tube:active, #tube:hover { + border-radius: 50px; + background-color: hsl(300, 100%, 80%); + } + + .social .youtube #account { + font-size: 2vh; + align-self: center; + text-shadow: none; + } + + + .social button { + padding: .5rem 1.25rem; + background-color: black; + border: none; + font-size: 1.25rem; + font-family:'Fira Sans', sans-serif; + line-height: 1rem; + border-radius: 25px; + font-weight: 600; + cursor: pointer; + transition: .3s; + margin-top: 1rem; + margin-left: .25rem; + transition: .5s; + } + + .social button a { + text-decoration: none; + color: white; + } + + .social button a:active { + opacity: 50%; + color: rgb(0, 255, 170); + } + + .social #post { + width: 40vh; + } + + .desktop { + display: none; + } + + + +} + + + + + + + #mobile-dropdown ul li { + margin-top: 3%; + margin-bottom:3%; + margin-left:5%; + margin-right: 5%; + display:block; + + } + \ No newline at end of file diff --git a/templates/assets/jquery/jquery-3.5.1.min.js b/templates/assets/jquery/jquery-3.5.1.min.js deleted file mode 100644 index b061403..0000000 --- a/templates/assets/jquery/jquery-3.5.1.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 { -// window.print(); -// } - -// pdfBtn.addEventListener("click", (event) => { -// printPage(event, 'printed'); - -// }); - -// let screen = () => { -// console.log(window.innerHeight); -// console.log(window.innerWidth); -// }; - -// screen(); - -window.addEventListener('load', () => { - document.getElementById('print').addEventListener('click', () => { - let page = this.document.querySelector('.wrapper'); - console.log(page); - console.log(window); - - }) -}, false); diff --git a/templates/assets/js/pages.js b/templates/assets/js/pages.js deleted file mode 100644 index 446bd19..0000000 --- a/templates/assets/js/pages.js +++ /dev/null @@ -1,20 +0,0 @@ - $(document).ready(function(){ - // Add smooth scrolling to all links with # - $("a").on('click', function(event) { - if (this.hash !== "") { - - // Prevent default anchor click behavior - event.preventDefault(); - - // Store hash - var hash = this.hash; - - $('html, body').animate({ - scrollTop: $(hash).offset().top - }, 1000, function(){ - // Add hash (#) to URL when done scrolling (default click behavior) - window.location.hash = hash; - }); - } // End if -}); -}); \ No newline at end of file diff --git a/templates/assets/js/slider.js b/templates/assets/js/slider.js deleted file mode 100644 index ea93551..0000000 --- a/templates/assets/js/slider.js +++ /dev/null @@ -1,80 +0,0 @@ -let slides=document.querySelector('.slider-items').children; -let nextSlide=document.querySelector('.right-slide'); -let prevSlide=document.querySelector('.left-slide'); -let totalSlides=slides.length; -let index=0; - -console.log(index); - - -nextSlide.onclick = () => { - next("next"); -} - -prevSlide.onclick = () => { - next("prev"); -} - -let next = (direction)=> { - if (direction=="next"){ - index++; - if (index==totalSlides){ - index=0; - } - } - else{ - if(index==0){ - index=totalSlides-1; - } - else { - index--; - } - } - - for (i=0; i { - nextSpider("next"); -} - -spiderPrev.onclick = () => { - nextSpider("prev"); - } - - let nextSpider = (direction)=> { - if (direction=="next"){ - index++; - if (index==spiderTotal){ - index=0; - } - } - else{ - if(index==0){ - index=spiderTotal-1; - } - else { - index--; - } - } - - for (i=0; i - - - + + + Cannabinieri CBD - +
- +
- + diff --git a/templates/test_index.html b/templates/test_index.html new file mode 100644 index 0000000..67c3558 --- /dev/null +++ b/templates/test_index.html @@ -0,0 +1,15 @@ + + + + + + + + Test + + +

Purple

+ + + + \ No newline at end of file