diff --git a/about.html b/about.html new file mode 100644 index 0000000..0c759d6 --- /dev/null +++ b/about.html @@ -0,0 +1,43 @@ + + + + + About Me + + + + + + +

+ Here is some more fascinating information about me... +

+ +
+ +
+ Mountains +

+ I like mountains and would like to visit this one. +

+
+ +
+ Buffet +

+ I like food, a lot. +

+
+ +
+ + + + + diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 0000000..880ae42 --- /dev/null +++ b/code-journal.html @@ -0,0 +1,42 @@ + + + + + Code Journal + + + + + + +

+ Here are some interesting things I have to say about my experiences... +

+
+ +
+

On being a n00b:

+

+ 3 wolf moon neutra asymmetrical air plant fingerstache before they sold out. Fashion axe vaporware raw denim butcher, hell of semiotics retro narwhal tofu whatever blog. Hot chicken bitters unicorn, austin photo booth yr mumblecore sartorial pour-over tumblr asymmetrical lo-fi four dollar toast helvetica. Live-edge plaid hoodie, XOXO blue bottle affogato umami ennui deep v edison bulb tattooed wayfarers fixie. Gastropub brooklyn marfa mumblecore, iPhone ugh knausgaard pok pok health goth. Wolf pabst hella waistcoat, portland deep v asymmetrical before they sold out. Typewriter whatever portland man braid bicycle rights, slow-carb green juice godard jean shorts selfies truffaut thundercats. +

+
+ +
+

On being slightly more knowledgeable about how much I don't know:

+

+ Blue bottle enamel pin bitters humblebrag street art gluten-free taxidermy activated charcoal pabst. Fanny pack hell of ennui ugh 3 wolf moon. Activated charcoal normcore squid keffiyeh. Master cleanse DIY succulents, blue bottle put a bird on it tacos helvetica pour-over ramps mixtape. Everyday carry typewriter keffiyeh ugh. Mustache etsy chicharrones pitchfork. Post-ironic subway tile try-hard before they sold out man braid. +

+
+ +
+ + + + + diff --git a/imgs/.DS_Store b/imgs/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/imgs/.DS_Store differ diff --git a/imgs/abstract.jpg b/imgs/abstract.jpg new file mode 100644 index 0000000..0227f9c Binary files /dev/null and b/imgs/abstract.jpg differ diff --git a/imgs/buffet.jpg b/imgs/buffet.jpg new file mode 100644 index 0000000..f93c555 Binary files /dev/null and b/imgs/buffet.jpg differ diff --git a/imgs/frozen-lake.jpg b/imgs/frozen-lake.jpg new file mode 100644 index 0000000..7afb404 Binary files /dev/null and b/imgs/frozen-lake.jpg differ diff --git a/imgs/mountains.jpg b/imgs/mountains.jpg new file mode 100644 index 0000000..c6f5095 Binary files /dev/null and b/imgs/mountains.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..9308237 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + Portfolio - Home + + + +
+

Danielle

+

Something witty about me

+

Some main skills or interests I have

+
+ + + + + + + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..8e1ae47 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,48 @@ + + + + + Portfolio + + + + + + +

+ Here are some of my projects... +

+
+ +
+ Project One +

+ Here is some general information about my project and here is where you can find it. +

+

+ 3 wolf moon neutra asymmetrical air plant fingerstache before they sold out. Fashion axe vaporware raw denim butcher, hell of semiotics retro narwhal tofu whatever blog. Hot chicken bitters unicorn, austin photo booth yr mumblecore sartorial pour-over tumblr asymmetrical lo-fi four dollar toast helvetica. Live-edge plaid hoodie, XOXO blue bottle affogato umami ennui deep v edison bulb tattooed wayfarers fixie. Gastropub brooklyn marfa mumblecore, iPhone ugh knausgaard pok pok health goth. Wolf pabst hella waistcoat, portland deep v asymmetrical before they sold out. Typewriter whatever portland man braid bicycle rights, slow-carb green juice godard jean shorts selfies truffaut thundercats. +

+
+ +
+ Project Two +

+ Here is some general information about my project and here is where you can find it. +

+

+ Blue bottle enamel pin bitters humblebrag street art gluten-free taxidermy activated charcoal pabst. Fanny pack hell of ennui ugh 3 wolf moon. Activated charcoal normcore squid keffiyeh. Master cleanse DIY succulents, blue bottle put a bird on it tacos helvetica pour-over ramps mixtape. Everyday carry typewriter keffiyeh ugh. Mustache etsy chicharrones pitchfork. Post-ironic subway tile try-hard before they sold out man braid. +

+
+ +
+ + + + + diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 0000000..a88f8b1 --- /dev/null +++ b/styles/about.css @@ -0,0 +1,29 @@ +p { + color: #506C64; +} + +article { + border: 1px dotted #75B8C8; + margin: 3%; + border-radius: 3%; + display: inline-block; + padding: 5%; +} + +article img { + margin: 3%; + width: 70vmin; +} + +article p { + margin: 3%; +} + +article:nth-of-type(2) { + float: right; +} + +footer { + position: relative; + clear: both; +} diff --git a/styles/code-journal.css b/styles/code-journal.css new file mode 100644 index 0000000..5550f40 --- /dev/null +++ b/styles/code-journal.css @@ -0,0 +1,8 @@ +p { + color: #506C64; +} + +h2 { + padding: 2px 4px; + display: inline-block; +} diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 0000000..1d0d3bb --- /dev/null +++ b/styles/portfolio.css @@ -0,0 +1,29 @@ +p { + color: #506C64; +} + +article { + display: inline-block; + border: 1px dotted #75B8C8; + margin-bottom: 5%; + border-radius: 3%; +} + +article img { + margin: 3%; + width: 30%; + float: left; +} + +article:nth-of-type(even) img { + float: right; +} + +article p { + margin: 3%; +} + +footer { + position: relative; + clear: both; +} diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..c13ca15 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,75 @@ +* { + background-color: #712835; + font-family: "Trebuchet MS", Helvetica, sans-serif; +} + +header { + background-color: #77CBB9; + margin-bottom: 50px; + margin-top: 40px; + border-radius: 20%; + padding: 15px; +} + +h1, h2 { + background-color: #77CBB9; +} + +h1 { + margin: 3px 30px; +} + +h2 { + margin: 3px 30px; +} + +h3 { + margin-bottom: 0; +} + +.tagline { + font-style: italic; +} + +.introduction { + font-weight: bolder; + font-size: 150%; + font-style: italic; +} + +nav { + margin-top: 20px; +} + +nav a { + border: 1px black groove; + padding: 5px; + margin: 10%; + border-radius: 25%; + background-color: #75B8C8; +} + +nav a:hover { + border-radius: 50%; + padding: 7px; +} + +footer { + font-style: oblique; + border-top: 1px dotted #75B8C8; + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + margin-top: 5%; +} + +h3 { + margin-top: 0; + color: #75B8C8; +} + +a:hover { + color: #D0E562; +}