diff --git a/.gitignore b/.gitignore index e43b0f988..c6d749175 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ .DS_Store +package.json +node_modules diff --git a/assets/PondsEdgeColorSmall.svg b/assets/PondsEdgeColorSmall.svg new file mode 100644 index 000000000..92179797d --- /dev/null +++ b/assets/PondsEdgeColorSmall.svg @@ -0,0 +1,128 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/PondsEdgeLarge.svg b/assets/PondsEdgeLarge.svg new file mode 100644 index 000000000..5ba74463c --- /dev/null +++ b/assets/PondsEdgeLarge.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/PondsEdgeSmall.svg b/assets/PondsEdgeSmall.svg new file mode 100644 index 000000000..5d072c801 --- /dev/null +++ b/assets/PondsEdgeSmall.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/about.html b/content/about.html new file mode 100644 index 000000000..0de9fcec9 --- /dev/null +++ b/content/about.html @@ -0,0 +1,33 @@ + + + + + About + + + + + + + + + + + +
+

About

+

It's more than just a name:

+

Thriving Life – At the pond’s edge, you’re likely to find life thriving and making a place for itself in the world.

+

Not Perfect, but Beautiful- A pond may never be perfect, but it can be beautiful. (Think of Claude Monet paintings of the Water-Lily Pond, or Thoreau’s found inspiration at the edge of Walden Pond.)

+

Inspirational- Inspiration is often found where there is water, so it would seem that the pond’s edge would be a likely place to be inspired.

+
+ + + diff --git a/content/work.html b/content/work.html new file mode 100644 index 000000000..e18903484 --- /dev/null +++ b/content/work.html @@ -0,0 +1,70 @@ + + + + + Work + + + + + + + + + + + +
+
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ Placeholder alt +

Piece Header

+

This is some placeholder text.

+
+ +
+ + + diff --git a/css/about.css b/css/about.css new file mode 100644 index 000000000..7d16c60fc --- /dev/null +++ b/css/about.css @@ -0,0 +1,7 @@ +.nav-about{ + color: #11bcc3; +} + +.about-section h2 { + text-align: center; +} diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 000000000..f77b0112c --- /dev/null +++ b/css/reset.css @@ -0,0 +1,52 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v3.0 | 20180413 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +main, menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, main, menu, nav, section { + display: block; +} +/* HTML5 hidden-attribute fix for newer browsers */ +*[hidden] { + display: none; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 000000000..ef2cdb97f --- /dev/null +++ b/css/styles.css @@ -0,0 +1,66 @@ +body { + font-family: 'Slabo 27px', serif; + color: #424651; + font-size: 18px; +} + +h1 { + font-size: 4em; +} + +h2 { + font-size: 1.5em; +} + +/* Nav */ +nav { + border-bottom: 1px solid #424651; +} + +nav ul { + display: flex; + justify-content: flex-end; + align-items: center; + list-style-type: none; +} + +.logo { + margin-right: auto; +} + +.logo img { + height: 30%; + width: 30%; + margin: 2% +} + +nav li { + margin: 0 5%; +} + +nav a { + text-decoration: none; + font-weight: bold; + color: #424651; +} + +nav a:hover { + color: #11bcc3; +} + +/* Splash */ + +.splash { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 10%; +} + +.splash img { + width: 700px; +} + +.splash-text { + flex: 1; +} diff --git a/css/work.css b/css/work.css new file mode 100644 index 000000000..c0e7660c2 --- /dev/null +++ b/css/work.css @@ -0,0 +1,17 @@ +.nav-work{ + color: #11bcc3; +} + +.work { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(3, auto); + justify-content: space-around; + justify-items: center; + grid-row-gap: 25px; + grid-auto-flow: row; + margin: 30px 0; +} + +article { +} diff --git a/index.html b/index.html new file mode 100644 index 000000000..71aecdb8a --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ + + + + + The Pond's Edge + + + + + + + + + + +
+ The Pond's Edge Logo +
+

Owner & CEO extraordinaire

+

Kate Pond

+

I make the internet

+
+
+ + +