diff --git a/content/about.html b/content/about.html new file mode 100644 index 000000000..b21833982 --- /dev/null +++ b/content/about.html @@ -0,0 +1,31 @@ + + + + + about Beauttie ✨ + + + + +
+
+ 🏠 + 📁 + 📖 +
+ +
+

currently a student @ Ada Developer's Academy

+

moved across the country from Portland, ME to Seattle, WA

+
Portland Head Light + 🛫 + dashed line + 🛬 + Seattle
+

WOC aspiring to change the face of tech 👩‍💻

+
+ + +
+ + \ No newline at end of file diff --git a/content/code-journal.html b/content/code-journal.html new file mode 100644 index 000000000..d53cf3939 --- /dev/null +++ b/content/code-journal.html @@ -0,0 +1,30 @@ + + + + + my secret diary + + + + +
+
+ 🏠 + 👩‍💻 + 📁 +
+ +
+

First (& Last) Entry

+

by Beauttie

+

date posted: October 25th

+ +

Here are my thoughts: I dislike journaling of any form.

+ + I think we're done here. +
+ + +
+ + \ No newline at end of file diff --git a/content/index.html b/content/index.html new file mode 100644 index 000000000..0f437d417 --- /dev/null +++ b/content/index.html @@ -0,0 +1,22 @@ + + + + + homepage + + + + +
+
Hello, World!
+ +
+

my name is Beauttie 🔊

+

pronouns are she/her.

+

click here to learn more about me.

+
+ + +
+ + \ No newline at end of file diff --git a/content/portfolio.html b/content/portfolio.html new file mode 100644 index 000000000..e42b69c95 --- /dev/null +++ b/content/portfolio.html @@ -0,0 +1,33 @@ + + + + + my portfolio + + + + +
+
+ 🏠 + 👩‍💻 + 📖 +
+ +
+

Completed Projects @ Ada

+ +
+ + +
+ + \ No newline at end of file diff --git a/images/dashed-line.png b/images/dashed-line.png new file mode 100644 index 000000000..341005971 Binary files /dev/null and b/images/dashed-line.png differ diff --git a/images/obama.gif b/images/obama.gif new file mode 100644 index 000000000..48a5415b3 Binary files /dev/null and b/images/obama.gif differ diff --git a/images/portland-head-light.jpg b/images/portland-head-light.jpg new file mode 100644 index 000000000..2c66bc6f5 Binary files /dev/null and b/images/portland-head-light.jpg differ diff --git a/images/seattle.jpg b/images/seattle.jpg new file mode 100644 index 000000000..7fe6125a2 Binary files /dev/null and b/images/seattle.jpg differ diff --git a/images/slack-logo.png b/images/slack-logo.png new file mode 100644 index 000000000..be4653d53 Binary files /dev/null and b/images/slack-logo.png differ diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 000000000..daadca4d9 --- /dev/null +++ b/styles/about.css @@ -0,0 +1,25 @@ +.emoji { + font-size: 400%; +} + +.img-row { + display: flex; + flex-flow: row nowrap; + justify-content: center; + align-items: center; +} + +#portland-me { + height: 20%; + width: 20%; +} + +#dashed-line { + height: 12%; + width: 12%; +} + +#seattle { + height: 25%; + width: 25%; +} \ No newline at end of file diff --git a/styles/code-journal.css b/styles/code-journal.css new file mode 100644 index 000000000..96a53dcbf --- /dev/null +++ b/styles/code-journal.css @@ -0,0 +1,22 @@ +body { + background: white; + color: black; +} + +article { + border: .15em dashed black; + text-align: left; + margin: auto; + padding: 2em; + width: 75%; +} + +.headline, .byline, .dateline { + margin: 0; + padding: 0; +} + +#obama-gif { + height: 60%; + width: 60%; +} diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 000000000..b8c8f51b6 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,25 @@ +.typewriter { + overflow: hidden; + white-space: nowrap; + letter-spacing: .15em; + animation: typing 6s steps(20, end), blink .75s step-end infinite; + border-right: .15em solid lime; + margin: 0 auto; + width: auto; + display: inline-block; + font-size: 300%; +} + +@keyframes typing { + from { max-width: 0 } + to { max-width: 100% } +} + +@keyframes blink { + from, to { border-color: transparent } + 25% { border-color: lime; } +} + +#audio:hover { + font-size: 150%; +} \ No newline at end of file diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 000000000..c40c46480 --- /dev/null +++ b/styles/portfolio.css @@ -0,0 +1,14 @@ +ul { + list-style-type: none; + display: inline-block; + text-align: left; +} + +ul li { + padding: .1em; +} + +#slack-logo { + height: 1.25em; + width: 1.25em; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..f1f510771 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,57 @@ +body { + background: linear-gradient(0deg, #009fff, #ec2f4b) no-repeat; + color: white; + text-align: center; + font-family: Andale Mono, monospace; +} + +.container { + height: 100vh; + width: 100vw; + display: grid; + grid-gap: 1%; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: 15% auto 5%; + grid-template-areas: + ". h h ." + "c c c c" + ". f f ."; +} + +header { + grid-area: h; + align-self: center; +} + +.content { + grid-area: c; + align-self: center; +} + +footer { + grid-area: f; + align-self: flex-end; + font-size: 70%; +} + +a { + color: white; +} + +a:link { + text-decoration: none; +} + +a:hover { + color: yellow; +} + +.nav { + display: flex; + flex-flow: row nowrap; + justify-content: space-around; +} + +.emoji-nav { + font-size: 400%; +} \ No newline at end of file