New style and add sketchbook post

10 files changed, 50 insertions, 2 deletions

diff --git a/static/CCS_Entry_Portfolio.tmpl.html b/static/CCS_Entry_Portfolio.tmpl.html
new file mode 100644
index 0000000..4281ed6
--- /dev/null
+++ b/static/CCS_Entry_Portfolio.tmpl.html
@@ -0,0 +1,24 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}My entry portfolio for the College for Creative Studies.{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{ define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <h1>Project</h1>
+    <div class="postBackground">
+      <article class="projectContent">
+        <h2>{{.Post.Title}}</h2>
+        <p>My entrance portfolio for the College of Creative Studies.</p>
+        <div class="imgGrid">
+          <img src="/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg" alt="Arai helmet sketch." />
+          <img src="/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg" alt="Cat, Bernie, sketch." />
+          <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg" alt="Zoomed peacock sketch with feathers out." />
+          <img src="/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg" alt="Flamingo standing on one leg sketch." />
+          <img src="/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg" alt="Harley Davidson concept sportbike sketch." />
+          <img src="/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg" class="mainImage" alt="Side view Honda SL350 bobber sketch." />
+          <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg" alt="Peakcock sketch with feathers tucked." />
+          <img src="/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg" alt="Sketch of my dorm setup at the Milwaukee School of Engineering." />
+        </div>
+      </article>
+    </div>
+{{end}}
\ No newline at end of file
diff --git a/static/media/Sketchbook/Cycle1.jpg b/static/media/Sketchbook/Cycle1.jpg
new file mode 100644
index 0000000..f74b49e
--- /dev/null
+++ b/static/media/Sketchbook/Cycle1.jpg
diff --git a/static/media/Sketchbook/Cycle2.jpg b/static/media/Sketchbook/Cycle2.jpg
new file mode 100644
index 0000000..7c91202
--- /dev/null
+++ b/static/media/Sketchbook/Cycle2.jpg
diff --git a/static/media/Sketchbook/Cycle3.jpg b/static/media/Sketchbook/Cycle3.jpg
new file mode 100644
index 0000000..bdddb03
--- /dev/null
+++ b/static/media/Sketchbook/Cycle3.jpg
diff --git a/static/media/Sketchbook/Cycle4.jpg b/static/media/Sketchbook/Cycle4.jpg
new file mode 100644
index 0000000..345ba92
--- /dev/null
+++ b/static/media/Sketchbook/Cycle4.jpg
diff --git a/static/media/Sketchbook/Cycle5.jpg b/static/media/Sketchbook/Cycle5.jpg
new file mode 100644
index 0000000..a26ce1e
--- /dev/null
+++ b/static/media/Sketchbook/Cycle5.jpg
diff --git a/static/media/Sketchbook/Cycle6.jpg b/static/media/Sketchbook/Cycle6.jpg
new file mode 100644
index 0000000..748a2d4
--- /dev/null
+++ b/static/media/Sketchbook/Cycle6.jpg
diff --git a/static/media/Sketchbook/Cycle7.jpg b/static/media/Sketchbook/Cycle7.jpg
new file mode 100644
index 0000000..6ea56b7
--- /dev/null
+++ b/static/media/Sketchbook/Cycle7.jpg
diff --git a/static/media/Sketchbook/Sketchbook_Cover.jpg b/static/media/Sketchbook/Sketchbook_Cover.jpg
new file mode 100644
index 0000000..753d838
--- /dev/null
+++ b/static/media/Sketchbook/Sketchbook_Cover.jpg
diff --git a/static/style.css b/static/style.css
index 2bf2994..80e14d9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -83,8 +83,15 @@ header {
 }

 

 h1 {

-  font-size: 1.5rem;

+  font-size: 2.5rem;

   color: rgb(190, 190, 190);

+  padding-left: 1rem;

+  border-left: 1rem solid rgb(59, 195, 219);

+  border-bottom: .12rem solid rgb(196, 196, 196);

+}

+

+b {

+  color:rgb(100, 100, 100);

 }

 

 .main-nav-position {

@@ -123,10 +130,19 @@ img {
 }

 

 a {

-    text-decoration: none;

     color: black;

 }

 

+header a, .projects a {

+  text-decoration: none;

+}

+

+.projects p {

+  margin-top: 0.2rem;

+  border-right: .5rem solid rgb(196, 196, 196);

+  border-top: .12rem solid rgb(196, 196, 196);

+}

+

 .footer-logo {

     filter: invert(100%);

     height: 1rem;

@@ -152,6 +168,14 @@ footer * {
     color: white;

 }

 

+blockquote {

+  font-style: italic;

+}

+

+.sketchbook > img:first-of-type {

+  display: none;

+}

+

 @media screen and (min-width: 45rem) {

   address {

     display: flex;