diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..8269305 Binary files /dev/null and b/.DS_Store differ diff --git a/Fullstack Bakery.jpg b/Fullstack Bakery.jpg new file mode 100644 index 0000000..1effe50 Binary files /dev/null and b/Fullstack Bakery.jpg differ diff --git a/SnowSeeker.jpg b/SnowSeeker.jpg new file mode 100644 index 0000000..54cd0f2 Binary files /dev/null and b/SnowSeeker.jpg differ diff --git a/Zoo.jpg b/Zoo.jpg new file mode 100644 index 0000000..1882879 Binary files /dev/null and b/Zoo.jpg differ diff --git a/about.css b/about.css new file mode 100644 index 0000000..9715bb4 --- /dev/null +++ b/about.css @@ -0,0 +1,60 @@ +h2 { + margin-bottom: 2rem; + border-bottom: dotted; + + background-color: inherit; +} + +h3 { + background-color: inherit; +} + +.information { + display: grid; + grid-template-columns: 1fr 4fr; + grid-template-rows: 20% 80%; + + background-color: inherit; + + margin-bottom: 2rem; + padding-bottom: 2rem; + border-bottom: dotted; + + img { + grid-column: 1/2; + grid-row: 1/2; + } + + p { + grid-column: 2/3; + grid-row: 2/3; + padding-left: 1rem; + + background-color: inherit; + } +} + +/* img { + width: 175px; + border-radius: 50%; +} */ + +@media (width < 700px) { + .information { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + main img { + width: 50%; + float: center; + /* border-radius: 50%; */ + margin: 10px 0 10px 10px; + } + + header { + gap: 1rem; + } +} diff --git a/about.html b/about.html new file mode 100644 index 0000000..3e8bc72 --- /dev/null +++ b/about.html @@ -0,0 +1,66 @@ + + + + + + About + + + + +
+

About

+
+ Home + About + Portfolio + Contact +
+
+
+

Where I spend my time

+
+

Church

+ Church image +

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae + doloremque eum corrupti ducimus, qui quibusdam quisquam adipisci + magnam, sequi aspernatur repellendus quidem, distinctio similique enim + aliquid laborum architecto aperiam vero. +

+
+
+
+

Piano

+ Piano keyboard +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Exercitationem, cum! Natus, minima pariatur. Non sequi aliquid qui + quidem porro, aut hic odio necessitatibus quis error blanditiis alias + in maxime vero. +

+
+
+
+

Sports

+ Football +

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quaerat, eum + dolorem. Illum eos tempore quis quasi, voluptas vero iusto cupiditate + cum voluptate culpa nemo saepe, repellat quos vel quod aspernatur. +

+
+
+
+ + + diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..0d98b18 --- /dev/null +++ b/contact.css @@ -0,0 +1,48 @@ +body { + min-height: 100vh; +} + +form { + display: flex; + flex-direction: column; + max-width: 400px; + gap: 1em; + + background-color: inherit; +} + +label { + font-weight: bold; + background-color: inherit; +} + +input, +textarea { + padding: 0.5em; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; + font-family: inherit; +} + +button { + color: white; + border: none; + padding: 0.7em; + cursor: pointer; + border-radius: 4px; + font-size: 1em; +} + +h3 { + margin-top: 1rem; + margin-bottom: 5rem; + + background-color: inherit; +} + +@media (width < 700px) { + header { + gap: 1rem; + } +} diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..2adbb00 --- /dev/null +++ b/contact.html @@ -0,0 +1,40 @@ + + + + + + Contact Form + + + + +
+

Contact

+
+ Home + About + Portfolio + Contact +
+
+
+

+ Contact me here. Please add your information so I can respond if I feel + so inclined :) +

+
+ + +
+ + +
+ + +
+ +
+
+ + + diff --git a/contact_form.html b/contact_form.html new file mode 100644 index 0000000..29736eb --- /dev/null +++ b/contact_form.html @@ -0,0 +1,37 @@ + + + + + + Contact Form + + + + +
+

Contact

+ Home + About + Portfolio + Contact +
+
+
+ + + +
+ + + +
+ + + +
+ +
+
+ + + diff --git a/home.css b/home.css new file mode 100644 index 0000000..7eb7775 --- /dev/null +++ b/home.css @@ -0,0 +1,65 @@ +body { + height: 100vh; +} + +#name { + padding-top: 1rem; +} + +.top-section { + justify-content: space-between; + display: flex; + flex-direction: row; + + background-color: inherit; + border-bottom: dotted; +} + +main img { + width: 300px; + float: right; + border-radius: 5%; + margin: 10px 0 10px 10px; +} + +h3 { + background-color: inherit; +} + +div { + background-color: inherit; +} + +#explainer { + margin-top: 5rem; + + background-color: #303b39; +} + +@media (width < 700px) { + main { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + .top-section { + justify-content: space-between; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + main img { + width: 50%; + float: center; + border-radius: 5%; + margin: 10px 0 10px 10px; + } +} + +h3 { + margin-left: 0; +} diff --git a/home.html b/home.html new file mode 100644 index 0000000..90c78f3 --- /dev/null +++ b/home.html @@ -0,0 +1,42 @@ + + + + + + Home + + + + + +
+

Seth Davis

+
+ Home + About + Portfolio + Contact +
+
+
+
+

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nulla sit + omnis iusto +

+ Seth Davis +
+
+ +

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque + provident fugit accusamus expedita! Aliquid eveniet harum beatae + officiis dolor blanditiis iure! Itaque labore dolore quae porro + perferendis tempora quis aliquam. +

+
+
+ + + + diff --git a/index.css b/index.css new file mode 100644 index 0000000..922e14c --- /dev/null +++ b/index.css @@ -0,0 +1,63 @@ +* { + padding: 0; + margin: 0 auto; + + color: white; + background-color: #9b804a; +} + +body { + width: 80%; + padding: 1rem; + + background-color: #303b39; +} + +main { + background-color: inherit; +} + +header { + display: flex; + flex-direction: row; + + background-color: inherit; + justify-content: space-between; + align-items: center; + height: 80px; + + border-bottom: dotted; + margin: 1rem; + + h1 { + background-color: inherit; + } + + a { + font-size: large; + text-decoration: none; + } +} + +a { + color: #9b804a; + background-color: inherit; +} + +.page_links { + display: flex; + gap: 2ch; + + background-color: inherit; +} + +.nav_links { + background-color: inherit; +} + +@media (width < 700px) { + header { + display: flex; + flex-wrap: wrap; + } +} diff --git a/name.js b/name.js new file mode 100644 index 0000000..8641a38 --- /dev/null +++ b/name.js @@ -0,0 +1 @@ +console.log("Seth Davis"); diff --git a/portfolio.css b/portfolio.css new file mode 100644 index 0000000..70fc090 --- /dev/null +++ b/portfolio.css @@ -0,0 +1,69 @@ +h2 { + margin-bottom: 2rem; + border-bottom: dotted; + + background-color: inherit; +} + +span { + background-color: inherit; + + padding-left: 1rem; +} + +h3 { + background-color: inherit; +} + +a { + color: #9b804a; + background-color: inherit; +} + +.information { + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-template-rows: 20% 80%; + + background-color: inherit; + + margin-bottom: 2rem; + padding-bottom: 2rem; + border-bottom: dotted; + + img { + grid-column: 1/2; + grid-row: 1/2; + + max-width: 100%; + } + + p { + grid-column: 2/3; + grid-row: 2/3; + padding-left: 1rem; + margin-top: 1rem; + + background-color: inherit; + } +} + +@media (width < 700px) { + .information { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + main img { + width: 50%; + float: center; + /* border-radius: 50%; */ + margin: 10px 0 10px 10px; + } + + header { + gap: 1rem; + } +} diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..18051c5 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,70 @@ + + + + + + Portfolio + + + + +
+

Portfolio

+
+ Home + About + Portfolio + Contact +
+
+
+

My Projects

+
+ +

SnowSeeker (via HackingWithSwift course)

+ (GitHub) + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam + accusamus, similique beatae repellendus praesentium totam eos + obcaecati non sed impedit veniam molestiae id sapiente repudiandae + perspiciatis odio, quasi possimus fugit. +

+ Code image +
+ +
+ +

Zoo

+ (GitHub) + +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa maxime + quam sint voluptate nihil! Architecto quae consectetur odio veniam + possimus at sit corrupti unde ducimus nesciunt ex, consequatur + sapiente incidunt. +

+ + Code image +
+
+ +

Fullstack Bakery

+ + (GitHub) + + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum + consequatur, nihil repudiandae sint saepe ut sunt quae qui cumque quam + blanditiis praesentium molestiae, sapiente tempora, magnam totam id + quaerat asperiores. +

+ + Code image +
+ +
+ + + diff --git a/self.jpg b/self.jpg new file mode 100644 index 0000000..6303d39 Binary files /dev/null and b/self.jpg differ