From 33866efc7031ac995cece6b46f26d8391d86fc36 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Fri, 20 Mar 2020 20:12:10 -0400 Subject: done for now, still need text --- src/html/index.html | 227 ++++++++++++++++++++++++++------------------------- src/scss/index.scss | 46 +++++++---- src/scss/palette.css | 9 -- 3 files changed, 148 insertions(+), 134 deletions(-) delete mode 100644 src/scss/palette.css (limited to 'src') diff --git a/src/html/index.html b/src/html/index.html index fcd16fa..de056ca 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -38,30 +38,33 @@ About - - Contact Me - + Testimonials + --> + + Contact Me + -
-
-
@@ -71,7 +74,7 @@
-

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget lobortis erat. Vivamus venenatis nec quam vitae vulputate. Class aptent taciti sociosqu ad litora torquent @@ -81,7 +84,7 @@ Phasellus accumsan vitae elit sed fringilla. Nulla porttitor magna eget ipsum ultricies malesuada quis a ipsum. -

+

@@ -117,7 +120,7 @@

- Time Management + Time Management

Personalized plans for managing academics, @@ -134,8 +137,8 @@

- Study Skills -

+ Study Skills

+

Learn how to make the most of your study time.

@@ -146,7 +149,7 @@

- Academic Coaching + Academic Coaching

Time management and study skills blended with @@ -163,7 +166,7 @@

- College Prep + College Prep

ACT & SAT preparation and assistance with @@ -176,7 +179,7 @@

- College-Level Writing + College-Level Writing

Get a head start on meeting professors' @@ -193,7 +196,7 @@

- Group Webinars + Group Webinars

Participate in general workshops and pre-planned @@ -206,7 +209,7 @@

- Parent Consultations + Parent Consultations

For parents seeking advice for facilitating their child's learning. @@ -278,96 +281,98 @@ +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Mauris eget lobortis erat. Vivamus venenatis nec quam vitae + vulputate. Class aptent taciti sociosqu ad litora torquent + per conubia nostra, per inceptos himenaeos. +

+
+
+ --> - -
-
-
-
-
-
-
-
- - - - -
-
-
-
- - - - -
-
-
-
- -
-
-
-
- -
-
+ +
+
+
+
+
+ +
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ +
+
+
+
+ +
+
- - + + - -
-
+ +
+
-
-
- Info about cancellation, contact info, travel, - payment methods, maybe different section IDK yet. -
-
-
-
-
+
+
+

+ Info about cancellation, contact info, travel, + payment methods, maybe different section IDK yet. +

+
+
+
+
+ - - + + - - - + + + diff --git a/src/scss/index.scss b/src/scss/index.scss index 55cd938..68aa412 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -1,16 +1,9 @@ @charset "utf-8"; -// Import Google Fonts -//@import url('https://fonts.googleapis.com/css?family=Nunito:400,700'); -@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700&display=swap'); -@import url('https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap'); +// Google Fonts +@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap'); // Palette -//$pine-green: #01646d; -//$midnight-green: #114b5f; -//$eton-blue: #88d498; -//$pastel-gray: #c6dabf; -//$isabelline: #f7f4ea; $darkteal: rgb(0, 100, 108); $green: rgb(88, 169, 143); $darkerteal: rgb(29, 133, 137); @@ -23,7 +16,7 @@ $yellow: rgb(186, 214, 187); // Update Bulma's global variables $primary: $teal; -// $link: $midnight-green; +$link: $darkteal; // $info: $cyan $success: $green; // $warning: $yellow @@ -32,8 +25,11 @@ $success: $green; // $text: $grey-dark $family-sans-serif: "PT Sans", sans-serif; // $hr-background-color: $primary; -$title-color: white; -//$subtitle-color: white; +$title-color: $darkteal; +$title-family: "Architects Daughter", cursive; +$subtitle-color: $darkteal; +$subtitle-family: "Indie Flower", cursive; +$body-font-size: 1.25rem; // $body-background-color: $isabelline; // Import only what you need from Bulma @@ -89,8 +85,26 @@ $title-color: white; } .banner { - border-radius: 5px !important; - clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); + right: 100%; + padding-top: 5%; + padding-bottom: 5%; + padding-right: 5%; + + // gradient + background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); + background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); + background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); +} + +.has-banner { + //margin-top: 0px !important; + //margin-bottom: 0px !important; + padding-top: 0px !important; + padding-bottom: 0px !important; + padding-right: 0px !important; + padding-left: 10% !important; + } .quiet { @@ -101,6 +115,10 @@ $title-color: white; font-family: 'Architects Daughter', cursive; } +.has-text-shadow { + text-shadow: 0px 0px 4px #ffffff; +} + body { background-image: url("/bg.png"); } diff --git a/src/scss/palette.css b/src/scss/palette.css deleted file mode 100644 index 66799cd..0000000 --- a/src/scss/palette.css +++ /dev/null @@ -1,9 +0,0 @@ -/* Generated with GIMP Palette Export */ -.darkteal { color: rgb(0, 100, 108) } -.green { color: rgb(88, 169, 143) } -.darkerteal { color: rgb(29, 133, 137) } -.gray { color: rgb(157, 210, 211) } -.teal { color: rgb(58, 165, 166) } -.cyan { color: rgb(156, 210, 210) } -.darkgray { color: rgb(127, 177, 181) } -.darkgreen { color: rgb(59, 136, 114) } -- cgit v1.2.3