diff --git a/src/main.rs b/src/main.rs index f17570f..9325a8b 100644 --- a/src/main.rs +++ b/src/main.rs @@ -1,4 +1,3 @@ -// use rocket macros globally #[macro_use] extern crate rocket; // push strings to path @@ -10,10 +9,11 @@ use std::path::{ PathBuf, Path }; use rocket::fs::{ NamedFile, relative }; // Set MIME-Types, Accept Header for Response -use rocket::http::{ Accept, QMediaType, MediaType }; +use rocket::http::{ Accept, MediaType }; +use rocket::http::ContentType; // Equivalent to main() -#[rocket::main] // enable asyn main() +#[rocket::main] // enable async main() async fn main() -> Result<(), rocket::Error> { // State Rocket => configuration @@ -26,11 +26,7 @@ async fn main() -> Result<(), rocket::Error> { // 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"))) + .mount("/", routes![ index, fileserver, experiments, perma, greentech ]) .ignite().await? // State Rocket => Running App @@ -46,33 +42,44 @@ async fn main() -> Result<(), rocket::Error> { #[route(GET, uri = "/")] // if success call handler async fn index() -> Option { - NamedFile::open("templates/index.html").await.ok() } -// Serve static files from Index.html +// serve other pages (html GET) +// create routes for pages +#[get("/experiments")] +async fn experiments() -> Option { + NamedFile::open("templates/experiments.html").await.ok() +} + +#[get("/permaculture")] +async fn perma() -> Option { + NamedFile::open("templates/permaculture.html").await.ok() +} + +#[get("/greentech")] +async fn greentech() -> Option { + NamedFile::open("templates/greentech.html").await.ok() +} + + +// Serve static files from / // 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 + // NamedFile implements Responder => generates Response #[route(GET, uri= "/")] -async fn fileserver(path: PathBuf) -> Option { +async fn fileserver(path: PathBuf) -> Option { // PathBuf = Heapstring, growable // 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(), - ]; + let mut path = Path::new(relative!("templates/assets")).join(path); // Path = stack string, fixed size + // path accessible from / - if path.is_dir() { - path.push("templates/index.html"); - Accept::new(accept); + // Note: How to serve fontawesome ? + if path.ends_with("all.css") { + println!("Can not load fontawesome icons at: {:?}", path); } - - // open file readonly - // NamedFile = Response - println!("{:?}", path); - NamedFile::open(path).await.ok() + // Open file at path + NamedFile::open(path).await.ok() } \ No newline at end of file diff --git a/templates/assets/components/experiments-content.html b/templates/assets/components/experiments-content.html new file mode 100644 index 0000000..514d5cb --- /dev/null +++ b/templates/assets/components/experiments-content.html @@ -0,0 +1,112 @@ + +
+
+

Experiments

+

Each of our CBD products helps you and us understand our planet.

+
+ + +
+
+
+

#oils&soon flower&edibles 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. +

+
+ + +
+ \ No newline at end of file diff --git a/templates/assets/components/footer.html b/templates/assets/components/footer.html new file mode 100644 index 0000000..d60e662 --- /dev/null +++ b/templates/assets/components/footer.html @@ -0,0 +1,102 @@ + + + diff --git a/templates/assets/components/main-nav.html b/templates/assets/components/main-nav.html new file mode 100644 index 0000000..f16c94b --- /dev/null +++ b/templates/assets/components/main-nav.html @@ -0,0 +1,128 @@ +
+
+ + + +
+ + +
+
+ + + + + + + + + + + Shop +
+
+
\ No newline at end of file diff --git a/templates/assets/components/top-nav.html b/templates/assets/components/top-nav.html new file mode 100644 index 0000000..4a9e8dd --- /dev/null +++ b/templates/assets/components/top-nav.html @@ -0,0 +1,8 @@ + + \ No newline at end of file diff --git a/templates/assets/css/experiments.css b/templates/assets/css/experiments.css new file mode 100644 index 0000000..ac99d5e --- /dev/null +++ b/templates/assets/css/experiments.css @@ -0,0 +1,901 @@ +:root { + --space : 5vh; +} + +.page-wrapper { + display:grid; +} + +.title{ + margin-top: var(--space); +} + +#about { +margin-top: var(--space); +background-color:white; +} + +#about p { + color:black; +} + +#oils-link { + margin-top: var(--space); +} + +#oil { + width:100%; + height:100%; +} + +#edibles-link { + background-color: white; + display: flex; + margin-top: var(--space); +} + +#flower-link { + background-color:white; + display: flex; + margin-top: var(--space); +} + +#flower { + width:100%; + height:100%; +} + +@media screen and (min-width:1024px) { + + .page-wrapper { + grid-template-columns: 25% 25% 25% 25%; + grid-template-rows: auto auto auto; + } + + .title { + grid-column: 1/5; + grid-row:1; + background-size: cover; + display: grid; + grid-template-columns: repeat(2, 1fr); + height: 67vh; + padding-left: 7.5vh; + } + + .title .short { + grid-column: 1; + grid-row: 1/2; + align-self: flex-end; + font-family:'Lato', sans-serif; + font-size: 1.5em; + font-weight: 300; + color: rgb(62, 190, 147); + text-align: center; + line-height: 6.5vh; + padding-bottom: 22vh; + } + + .title .image { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + transition: 0.4s; + grid-column: 2; + grid-row: 1/2; + } + + .title .image img { + max-width: 30vw; + padding-right: 5vh; + } + + h1 { + grid-column: 1; + grid-row: 1; + display: flex; + align-items: flex-start; + font-size: 6rem; + font-weight: 300; + font-family: 'IBM Plex Sans', sans-serif; + line-height: 80px; + letter-spacing: 2px; + text-transform: uppercase; + color: #333; + padding-top: 1em; + margin-left: .1em; + } + + #about { + grid-column:1/5; + grid-row: 2; + display: flex; + background-color: white; + margin: 0 5rem 1.5rem 5rem; + border-radius: 25px; + box-shadow: .01em .01em .01em .1em hsl(160, 51%, 70%); + } + + #about p { + font-size:1.5rem; + font-weight: 300; + padding:1.5rem; + text-align: center; + font-family: 'Lato', sans-serif; + line-height: 2.75; + } + + #links { + grid-column:1/5; + grid-row:3; + padding: 1rem; + background-color: white; + border-radius: 25px; + z-index: 10000; + margin-top: 2.5vh; + min-height: 90vh; + } + + #oils-link { + display:grid; + grid-template-columns: 50% 50%; + grid-template-rows: 20% 40% 20% ; + box-shadow: .01em .01em .01em .03em hsl(160, 100%, 50%); + border-radius: 25px; + min-height: 115vh; + padding: 6vh 3vw 3vh 0; + } + + #oils-link .image { + grid-column:1 ; + grid-row:1/3; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + height: 90vh; + } + + #oils-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(160, 100%, 50%); + padding: .5em; + } + + #current { + border: .01em solid hsl(160, 49%, 51%) !important; + max-height: 40vh; + } + + .imgs { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 1rem; + } + + .main-image img, .imgs img { + height: 15vh; + width: auto; + cursor: pointer; + } + + #oils-link .description { + grid-column:2 ; + grid-row:1/3; + display: flex; + flex-direction: column; + align-self: center; + } + + #oils-link .description p { + font-size: 1.25em; + color: #333; + line-height: 2.25; + justify-self: flex-end; + } + + .description ul { + font-size: 1.25em; + color: #333; + line-height: 2.25; + margin-top: 2rem; + padding-left: 2rem; + } + + #oils-link .page-button { + grid-column:2 ; + grid-row:4; + display:flex; + align-items: center; + padding: 1vh 0 2vh 1vw; + } + + #oils-link .page-button a:hover { + background-color: hsl(160, 100%, 75%); + } + + #oils-link .page-button a { + text-decoration: none; + background-color:#fff; + color: #000; + padding: .25em .75em; + margin-left: .5em; + border: .01em solid hsl(160, 100%, 75%); + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 1.5em; + font-family: 'Lato', sans-serif; + text-transform: uppercase; + transition: all ease .5s; + font-weight: 300; + } + + #oils-link .description h3 { + font-size: 6em; + font-weight: 300; + color: hsl(160, 100%, 50%); + margin-bottom: .25em; + font-family: 'IBM Plex Sans', sans-serif; + } + + #flower-link { + display:grid; + grid-template-columns: 50% 50%; + grid-template-rows: 80% 20% ; + box-shadow: .01em .01em .01em .03em hsl(300, 100%, 50%); + border-radius: 25px; + min-height: 85vh; + padding: 6vh 0 0 6vw; + margin-top: 10vh; + } + + #flower-link .image { + grid-column: 2; + grid-row:1/3; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + height: 100vh; + } + + #flower-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(300, 100%, 50%); + padding: .5em; + } + + #flower { + width: auto; + height: 30vh; + border: .01em solid hsl(300, 51%, 49%) !important; + margin-bottom: 2rem; + } + + .flowers { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 1rem; + } + + .main-image img, .flowers img { + width: 15vh; + cursor: pointer; + } + + #flower-link .description { + grid-column:1 ; + grid-row: 1; + display:flex; + flex-direction: column; + align-self: center; + } + + #flower-link .description h3 { + font-size: 6em; + font-weight: 300; + color:hsl(300, 100%, 50%); + margin-bottom: .25em; + font-family: 'IBM Plex Sans', sans-serif; + } + + #flower-link .description p { + font-size: 1.25em; + color: #333; + line-height: 2.25; + justify-self: flex-end; + } + + .description p span { + font-weight: 400; + line-height: 5; + color:hsl(300, 100%, 50%); + } + + #flower-link .page-button { + grid-column: 1 ; + grid-row: 2; + display:flex; + align-items: center; + padding: 1vh 0 5vh 1vw; + } + + #flower-link .page-button a { + text-decoration: none; + background-color: #fff; + color: #333; + border: .01em solid hsl(300, 100%, 50%); + padding: .25em .75em; + margin-left: 0; + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 1.5em; + font-family: 'Lato', sans-serif; + font-weight: 300; + margin-top:.75em; + text-transform: uppercase; + transition: all ease .5s; + } + + #flower-link .page-button a:hover { + background-color: hsl(300, 100%, 75%); + } + + #edibles-link { + display:grid; + grid-template-columns: 50% 50%; + grid-template-rows: 20% 40% 20% ; + box-shadow: .01em .01em .01em .03em hsl(75, 100%, 50%); + border-radius: 25px; + min-height: 85vh; + padding: 0 3vw 3vh 0; + } + + #edibles-link .image { + grid-column:1 ; + grid-row:1/3; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + height: 90vh; + } + + #edibles-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(75, 100%, 50%); + padding: .5em; + } + + #fruit { + height: 35vh; + width: auto; + margin-bottom: 5vh; + border: .01em solid hsl(75, 51%, 49%) !important; + } + + .fruits { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 1rem; + } + + .fruits img { + height: 15vh; + width: auto; + cursor: pointer; + display: flex; + justify-self: center; + } + + .main-image img { + height: 15vh; + width: auto; + cursor: pointer; + } + + + #edibles-link .page-button { + grid-column:2 ; + grid-row:2; + display:flex; + } + + #edibles-link .description { + grid-column: 2; + grid-row:1/3; + display: flex; + flex-direction: column; + align-self: center; + padding:1em; + } + + #edibles-link .description h3 { + font-size: 6.5em; + font-weight: 300; + color: hsl(75, 100%, 50%); + margin-bottom: .25em; + font-family: 'IBM Plex Sans', sans-serif; + } + + #edibles-link .description p { + font-size: 1.25em; + color: #333; + line-height: 2.25; + justify-self: flex-end; + } + + #edibles-link .description p span { + font-weight: 400; + color: hsl(75, 100%, 50%); + line-height: 5; + } + + #edibles-link .page-button { + grid-column:2 ; + grid-row:4; + display:flex; + align-items: center; + padding: 1vh 0 2vh 1vw; + } + + #edibles-link .page-button a { + text-decoration: none; + background-color:#fff; + color: #333; + padding: .25em 1em; + margin-left: .5em; + border: .01em solid hsl(75, 100%, 50%); + border-radius: 27px; + margin-right: 4%; + text-align: center; + font-size: 1.5em; + font-family: 'Lato', sans-serif; + text-transform: uppercase; + transition: all ease .5s; + font-weight: 300; + } + + + #edibles-link .page-button a:hover { + background-color: hsl(75, 100%, 75%); + } + + #footer-wrapper { + margin-top:.5rem; + } + + + #mobile { + display: none; + } +} + +@media only screen and (max-width:768px) { + + .page-wrapper { + grid-template-columns: 100%; + grid-template-rows: auto auto auto auto ; + } + + .title { + grid-column: 1; + grid-row:1/2; + background-size: cover; + display: flex; + flex-direction: column; + align-items:center; + justify-content: flex-start; + height: 80vh; + } + + .title .short { + font-family:'Lato', sans-serif; + font-size: 1em; + font-weight: 300; + line-height: 4.5vh; + padding: 1em 0 0 0; + color: rgb(62, 190, 147); + margin-left:.1em; + text-align: center; + } + + .title .image { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + + #mobile { + max-height: 55vh; + } + + h1 { + font-size: 2.6rem; + font-weight: 300; + line-height: 80px; + letter-spacing: .5px; + padding-top: .95em; + margin-left: .1em; + font-family: 'IBM Plex Sans', sans-serif; + text-transform: uppercase; + + } + + #about { + grid-column:1; + grid-row: 2; + background-color: white; + display: flex; + margin:2rem 1rem; + margin-top:0; + border-radius: 25px; + box-shadow: .02em .01em .01em .05em hsl(160, 51%, 60%); + padding: .5em; + } + + #about p { + font-size:1.125rem; + font-weight: 300; + padding:1rem; + line-height: 1.75; + color: #333; + text-align: center; + } + + #links { + grid-column:1; + grid-row:3; + padding: 1rem; + background-color: white; + border-radius: 25px; + min-height: 90vh; + } + + .description ul { + font-size: .85rem; + font-weight: 300; + color: #333; + line-height: 2.6; + margin-top: 1.25rem; + } + + #oils-link { + display:grid; + grid-template-rows: repeat(2, .7fr); + padding-bottom: 1.5rem; + box-shadow: .01em .01em .01em .03em hsl(160, 100%, 50%); + border-radius: 25px; + } + + #oils-link .image { + grid-row: 1; + height: 50vh; + } + + #oils-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(160, 100%, 50%); + padding: .5em; + } + + #current { + height: 30vh; + width: auto; + border: .01em solid hsl(160, 51%, 49%) !important; + } + + .imgs { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 2vh; + padding: 0 .75rem; + } + + .main-image img, .imgs img { + height: 7vh; + width: auto; + cursor: pointer; + } + + .main-img { + display: flex; + justify-content: center; + padding: 1.75rem 1rem 1rem 1rem; + } + + #oils-link .description { + grid-row: 2; + display: flex; + flex-direction: column; + align-items: center; + justify-content:center; + margin-top: 6.5vh; + } + + #oils-link .description h3 { + font-size: 2.75rem; + font-weight: 300; + color: hsl(160, 100%, 50%); + margin-bottom: .25em; + font-family: 'IBM Plex Sans', sans-serif; + text-transform: uppercase; + text-align: center; + } + + #oils-link .description p { + font-size: .85em; + font-weight: 300; + color: #333; + text-align: center; + line-height: 2.25; + padding: 1vh 2vw; + + } + + #oils-link .page-button { + grid-row: 3; + display:flex; + justify-content: center; + padding-top: 2rem; + } + + #oils-link .page-button a { + text-decoration: none; + background-color: #fff; + color: #333; + border: .02em solid #000; + padding: .25em .75em; + border-radius: 27px; + text-align: center; + font-size: 1em; + font-family: 'Lato', sans-serif; + font-weight: 300; + margin: .25em .75em .75em; + text-transform: uppercase; + transition: all ease .2s; + } + + #oils-link .page-button a:active { + border-color:hsl(160, 100%, 75%); + } + + #flower-link { + display:grid; + grid-template-rows: repeat(2, .7fr); + padding-bottom: 1.5rem; + box-shadow: .01em .01em .01em .03em hsl(300, 100%, 50%); + border-radius: 25px; + margin-top: 10vh; + padding-top: 2vh; + } + + #flower-link .image { + grid-row: 1; + height: 50vh; + } + + #flower-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(300, 100%, 50%); + padding: .5em; + } + + #flower { + max-height: 27.5vh; + width: auto; + border: .01em solid hsl(300, 51%, 49%) !important; + } + + .flowers { + display: grid; + grid-template-columns: repeat(4, 1fr); + padding: 1rem; + justify-items: center; + } + + .main-image img, .flowers img { + height: 7vh; + width: auto; + cursor: pointer; + } + + .main-img { + display: flex; + justify-content: center; + padding: 3rem 1rem 1rem 1rem; + } + + #flower-link .description { + grid-row: 2; + display:flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 6.5vh; + } + + + #flower-link .description h3 { + font-size: 2.25rem; + color: hsl(300, 100%, 50%); + margin-bottom: .5em; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 300; + text-transform: uppercase; + text-align: center; + } + + #flower-link .description p { + font-size: .85em; + font-weight:300; + color: #333; + text-align: center; + line-height: 2.25; + padding: 1vh 2vw; + } + + #flower-link .description p span { + color: hsl(300, 100%, 50%); + font-weight: 400; + line-height: 5; + } + + + #flower-link .page-button{ + display:flex; + justify-content: center; + padding-top: 1rem; + } + + #flower-link .page-button a { + text-decoration: none; + background-color: #fff; + color: #333; + border: .02em solid #000; + padding: .25em .75em; + border-radius: 27px; + text-align: center; + font-size: 1em; + font-family: 'Lato', sans-serif; + font-weight: 300; + margin: .75em; + text-transform: uppercase; + transition: all ease .2s; + } + + #flower-link .page-button a:active { + border-color: hsl(300, 100%, 75%); + } + + + #edibles-link { + display:grid; + grid-template-rows: repeat(2, .7fr); + padding-bottom: 1.5rem; + box-shadow: .01em .01em .01em .03em hsl(75, 100%, 50%); + border-radius: 25px; + margin-top: 10vh; + } + + #edibles-link .image { + grid-row: 1; + height: 50vh; + } + + #edibles-link .image img { + margin-top: 1.5em; + border: .01em solid hsl(75, 100%, 50%); + padding: .5em; + } + + #fruit { + max-height: 28vh; + width: auto; + border: .01em solid hsl(75, 51%, 49%) !important; + } + + .fruits { + display: grid; + grid-template-columns: repeat(4, 1fr); + padding: 1rem; + justify-items: center; + } + + .main-image img, .fruits img { + height: 8vh; + width: auto; + cursor: pointer; + } + + .main-img { + display: flex; + justify-content: center; + padding: 1.5rem 1rem 1rem 1rem; + } + + + #edibles-link .description { + grid-row: 2; + display:flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 7.5vh; + } + + + #edibles-link .description h3 { + font-size: 2.5rem; + color: hsl(75, 100%, 50%); + margin-bottom: .5em; + font-family: 'IBM Plex Sans', sans-serif; + font-weight: 300; + text-transform: uppercase; + text-align: center; + } + + #edibles-link .description p { + font-size: .85em; + font-weight:300; + color: #333; + text-align: center; + line-height: 2.25; + padding: 1vh 2vw; + } + + #edibles-link .description p span { + color: hsl(75, 100%, 50%); + font-weight: 400; + line-height: 5; + } + + #edibles-link .description ul { + font-size: .9rem; + } + + + #edibles-link .page-button { + grid-row: 3; + display:flex; + justify-content: center; + padding-top: 1.25rem; + } + + #edibles-link .page-button a { + text-decoration: none; + background-color: #fff; + color: #333; + border: .01em solid #000; + padding: .25em .75em; + border-radius: 27px; + text-align: center; + font-size: 1em; + font-family: 'Lato', sans-serif; + font-weight: 300; + margin: .75em; + text-transform: uppercase; + transition: all ease .2s; + } + + #edibles-link .page-button a:active { + border-color: hsl(75, 100%, 40%); + } + + #footer-wrapper { + margin-top:.5rem; + } + + .description .additional { + display: none; + } + + .title .image #desktop { + display: none; + } + + +} \ No newline at end of file diff --git a/templates/assets/css/footer.css b/templates/assets/css/footer.css new file mode 100644 index 0000000..4a49dce --- /dev/null +++ b/templates/assets/css/footer.css @@ -0,0 +1,513 @@ +@font-face { + font-family: 'Lato', sans-serif; + src: url('fonts/Lato-Thin.ttf') format('truetype'); + font-style: normal; + font-weight: 100; +} + +*{ + margin:0; + padding:0; + box-sizing:border-box; +} + +:root{ + --top_padding:5px; +} + +html, +body { + width: 100%; + height: 100%; + font-family: 'Lato', sans-serif; + font-weight:500; + overflow-x: hidden; +} + +@media screen and (min-width: 1024px){ + +footer { + grid-area:footer; +} + +#footer-wrapper { + color: white !important; + border-top: solid 3px white; + border-bottom: solid 1px white; + background-color: black; + height:100%; + display: grid; + grid-template-columns: 1fr 0.8fr 1fr 1fr; + grid-template-rows: 2fr 1fr; + padding-bottom:1%; + padding-top: 10vh; +} + + #column1 { + background-color: black; + display: none; + font-family: 'Lato', sans-serif; + } + + #column1 a h3 { + display: flex; + align-items: center; + } + + #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; + } + + #column2 ul li { + margin: 5vh 0; + } + + h6 { + font-family: 'Lato', sans-serif; + font-weight: 350; + font-size: 135%; + text-transform: uppercase; + } + + #column3 { + display: flex; + flex-direction: column; + text-align: center; + } + + #column2 ul li a:hover { + color: rgb(0, 255, 170); + } + + #column3 ul { + list-style: none; + text-align: center; + } + + #column3 ul li p a { + text-decoration:none; + color:white; + } + + #column3 ul li { + margin: 5vh 0; + } + + #column3 ul li a:hover { + color: rgb(0, 255, 170); + } + + #column4 { + display:flex; + flex-direction: column; + text-align: center; + } + #column4 p { + font-size: 2vh; + line-height: 4vh; + margin-top: 5vh; + } + + #column5 { + display: flex; + flex-direction: column; + text-align: center; + } + + #column5 #social-media { + margin-top: 5vh; + } + + #social-media ul { + margin-top:1%; + } + + #social-media ul li { + display:inline; + list-style-type: none; + padding-left: 9%; + } + + #social-media ul li .youtube { + padding-left: 0; + } + + #youtube { + height: auto; + width: 7%; + } + + #instagram { + height:auto; + width: 7%; + } + + #gitea { + height:auto; + width: 10%; + } + + #row2 { + border-top: .1em solid white; + color: white; + grid-column: 1/2; + display:flex; + align-self: center; + justify-self: center; + padding-top: 1vh; + } + + #row2 p { + text-align: center; + padding-top:2%; + cursor: pointer; + } + + #row3 { + grid-column: 3/5; + display:flex; + align-self: center; + justify-self: center; + } + + #row3 .languages a { + color: #fff; + padding: 0 1vh !important; + transition: all .3s; + } + + #row3 .languages a:hover { + color:hsl(160, 50%, 70%); + } + + .arrow .down { + display:none; + } + + #dropdown { + display:none; + } + + .ham-btn { + display:none; + } + + .hamburger { + display: none; + } + + .hamburger-icon{ + display: none; + } + + #mobile-dropdown-container { + display: none; + } + + #footer-languages { + display:none; + } + +} + + +@media only screen and (max-width: 1023px) { + +footer { + grid-area:footer; + } + + #footer-wrapper { + grid-template-columns: 50% 50%; + grid-template-rows: .6fr 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; + min-height: 25vh; + } + + #column1 a { + color: white; + text-decoration: none; + text-transform: uppercase; + margin-left: 0; + font-size:100%; + padding-top:5%; + padding-bottom:5%; + display:flex; + padding-left: 2.5vh; + } + + #column1 a:active { + color: rgb(0, 255, 170); + } + + #column1 a h3 { + display:flex; + align-items: center; + letter-spacing: .1em; + font-weight: 100; + padding-left: .5em; + } + + #column1 a h3 span { + color: hsl(160, 51%, 80%); + letter-spacing: .095em; + margin-right: .5vh; + } + + #column2{ + grid-column:1/3; + grid-row: 2; + margin-top:0; + border-top:1px solid white; + padding-top:5%; + padding-left: 5%; + padding-right: 5%; + padding-bottom: 5%; + border-bottom:1px solid white; + font-family: 'Lato', sans-serif; + } + + #column2 ul { + display:none; + position: relative; + width:100%; + overflow:auto; + z-index: 1; + list-style : none; + justify-content: space-between; + padding: 1vh 5% 0 5%; + text-align: center; + border-top: 1px solid rgb(62, 190, 147); + flex-direction: column; + } + + #column2 ul li p a { + font-weight: 300; + text-decoration: none; + color:white; + letter-spacing: .075em + } + + #column2 ul li p a:active{ + color: rgb(0, 255, 170); + } + + #column2 ul li { + margin-bottom: 5%; + margin-top:5%; + } + + h6 { + font-size: 100%; + font-weight: 400; + letter-spacing: .075em; + padding: 2vh 0; + text-transform: uppercase; + color:white; + cursor: pointer; + transition: .6s ease; + } + + h6: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); + 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: 1%; + border-bottom:1px solid white; + } + + #column3 ul { + display:none; + position: relative; + width:100%; + overflow:auto; + z-index: 1; + list-style : none; + justify-content: space-between; + border-top: 1px solid rgb(62, 190, 147); + padding-right: 5%; + padding-left: 5%; + text-align: center; + } + + #column3 h6 { + padding: 2vh 0; + transition: .6s ease; + } + + #column3 ul li { + margin: 5vh 0 3vh 0; + } + + #column3 ul li p a { + font-family: 'Lato', sans-serif; + font-weight: 300; + text-decoration:none; + color: #fff; + } + + #column3 ul li p a:active { + color: hsl(160, 100%, 50%); + + } + + #column4 { + grid-column: 1/3; + grid-row:4; + border-bottom: solid white 1px; + font-family: 'Lato', sans-serif; + } + + #column4 p { + display: flex; + align-items: center; + justify-content: space-evenly; + padding: 1.5vh 0; + color:white; + font-size: 1.75vh; + font-weight: 400; + text-transform: uppercase; + } + + #column4 h6 { + display:none; + } + + #column5 { + grid-column:2; + grid-row: 1; + margin-top:15%; + padding-bottom: 10%; + display:flex; + align-items: center; + } + + #social-media { + padding-left: 5vh; + } + + #social-media ul li { + display:inline; + list-style-type: none; + padding-left: 10%; + padding-bottom:5%; + } + + #column5 h6 { + display:none; + } + + #gitea { + width:18%; + height:auto; + } + + #youtube { + height: auto; + width: 4.5vw; + } + + #instagram { + height:auto; + width: 6.5vw; + } + + #row2 { + grid-column:1; + grid-row:5; + display:flex; + align-items:center; + justify-content:center; + margin: 2.5vh 0; + background-color: black; + font-family: 'Lato', sans-serif; + font-weight: 500; + letter-spacing: .095em; + } + + #row2 p { + align-items: center; + padding-top:0; + font-size: .75em; + color:white; + } + + #row3 { + grid-column:2/3; + grid-row:5; + margin: 2.5vh 0; + } + + #row3 .languages { + margin-left:0; + align-self:flex-end; + } + + #row3 .languages a { + color: hsl(160, 51%, 80%); + font-size: .75em; + text-decoration: none; + } + + #row3 .languages a:active { + color: rgb(0, 255, 170); + } + + .desktop { + display: none; + } + + } \ No newline at end of file diff --git a/templates/assets/css/global.css b/templates/assets/css/global.css new file mode 100644 index 0000000..8cfef50 --- /dev/null +++ b/templates/assets/css/global.css @@ -0,0 +1,81 @@ +@font-face { + font-family: 'Lato', sans-serif; + src: url('fonts/Lato-Thin.ttf') format('truetype'); + font-style: normal; + font-weight: 100; +} + + *{ + margin:0; + padding:0; + box-sizing:border-box; + } + + :root{ + --top_padding:5px; + } + + html, + body { + width: 100%; + height: 100%; + font-weight:500; + } + + #top-nav { + grid-area: top-bar; + display: flex; + align-items: center; + + + } + + #main-nav { + grid-area: main-bar; + } + + + #content { + grid-area: main; + } + + #footer { + grid-area:footer; + } + +@media screen and (min-width:1024px){ + + .global-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: 300; + } + +} + + + @media screen and (max-width:480px) { + + .global-wrapper { + grid-template-columns: 100%; + grid-template-rows: auto auto auto; + grid-template-areas: + "main-bar" + "main" + "footer"; + font-family: 'Lato', sans-serif; + font-weight:500; + display:grid; + } + + + + } \ No newline at end of file diff --git a/templates/assets/index.css b/templates/assets/css/index.css similarity index 100% rename from templates/assets/index.css rename to templates/assets/css/index.css diff --git a/templates/assets/nav.css b/templates/assets/css/nav.css similarity index 100% rename from templates/assets/nav.css rename to templates/assets/css/nav.css diff --git a/templates/assets/css/test.css b/templates/assets/css/test.css new file mode 100644 index 0000000..96573ad --- /dev/null +++ b/templates/assets/css/test.css @@ -0,0 +1,3 @@ +h1 { + color: greenyellow; +} \ No newline at end of file diff --git a/templates/assets/font-awesome.min.css b/templates/assets/font-awesome.min.css deleted file mode 100644 index 540440c..0000000 --- a/templates/assets/font-awesome.min.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! - * 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/Logo.svg b/templates/assets/img/Logo.svg similarity index 100% rename from templates/assets/Logo.svg rename to templates/assets/img/Logo.svg diff --git a/templates/assets/jquery/jquery-3.5.1.min.js b/templates/assets/jquery/jquery-3.5.1.min.js new file mode 100644 index 0000000..b061403 --- /dev/null +++ b/templates/assets/jquery/jquery-3.5.1.min.js @@ -0,0 +1,2 @@ +/*! 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 new file mode 100644 index 0000000..446bd19 --- /dev/null +++ b/templates/assets/js/pages.js @@ -0,0 +1,20 @@ + $(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 new file mode 100644 index 0000000..ea93551 --- /dev/null +++ b/templates/assets/js/slider.js @@ -0,0 +1,80 @@ +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 - Experiments - - + @@ -25,21 +24,21 @@ @@ -51,7 +50,7 @@
- - + + diff --git a/templates/greentech.html b/templates/greentech.html new file mode 100644 index 0000000..378417a --- /dev/null +++ b/templates/greentech.html @@ -0,0 +1,53 @@ + + + + Cannabinieri - GreenTech + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + diff --git a/templates/index.html b/templates/index.html index 968e7a2..e1e4e93 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,14 +4,14 @@ - - - + + + Cannabinieri CBD - - + +
@@ -25,11 +25,12 @@
- +
- - - + + + diff --git a/templates/permaculture.html b/templates/permaculture.html new file mode 100644 index 0000000..21fe6c2 --- /dev/null +++ b/templates/permaculture.html @@ -0,0 +1,55 @@ + + + + Cannabinieri - Permaculture + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + diff --git a/templates/test.html b/templates/test.html new file mode 100644 index 0000000..63d9dff --- /dev/null +++ b/templates/test.html @@ -0,0 +1,14 @@ + + + + + + + + Test + + +

I can display plain html

+ + + \ No newline at end of file diff --git a/templates/test_index.html b/templates/test_index.html deleted file mode 100644 index 67c3558..0000000 --- a/templates/test_index.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - Test - - -

Purple

- - - - \ No newline at end of file