diff --git a/img/books.jpg b/img/books.jpg new file mode 100644 index 000000000..971052286 Binary files /dev/null and b/img/books.jpg differ diff --git a/img/china.jpg b/img/china.jpg new file mode 100644 index 000000000..65afe0446 Binary files /dev/null and b/img/china.jpg differ diff --git a/img/desk.jpg b/img/desk.jpg new file mode 100644 index 000000000..ae35c9909 Binary files /dev/null and b/img/desk.jpg differ diff --git a/img/ideas.jpg b/img/ideas.jpg new file mode 100644 index 000000000..475c3518c Binary files /dev/null and b/img/ideas.jpg differ diff --git a/img/laptop.jpg b/img/laptop.jpg new file mode 100644 index 000000000..187d94224 Binary files /dev/null and b/img/laptop.jpg differ diff --git a/img/ny.jpg b/img/ny.jpg new file mode 100644 index 000000000..c228c2381 Binary files /dev/null and b/img/ny.jpg differ diff --git a/img/palms.jpg b/img/palms.jpg new file mode 100644 index 000000000..979de49e7 Binary files /dev/null and b/img/palms.jpg differ diff --git a/img/pink.jpg b/img/pink.jpg new file mode 100644 index 000000000..43c7bc5fc Binary files /dev/null and b/img/pink.jpg differ diff --git a/img/plantwall.jpg b/img/plantwall.jpg new file mode 100644 index 000000000..ed9b75d34 Binary files /dev/null and b/img/plantwall.jpg differ diff --git a/img/scott-webb-unsplash.jpg b/img/scott-webb-unsplash.jpg new file mode 100644 index 000000000..3978b9648 Binary files /dev/null and b/img/scott-webb-unsplash.jpg differ diff --git a/img/sea.jpg b/img/sea.jpg new file mode 100644 index 000000000..cc1c79171 Binary files /dev/null and b/img/sea.jpg differ diff --git a/img/th.jpg b/img/th.jpg new file mode 100644 index 000000000..36f71d769 Binary files /dev/null and b/img/th.jpg differ diff --git a/img/tx.jpg b/img/tx.jpg new file mode 100644 index 000000000..8c48e8a90 Binary files /dev/null and b/img/tx.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..cb9e1c665 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + Angela Hu Homepage + + + + + + + + +
+

Hello, World!

+

I'm Angela Hu

+

[ Ex-Banker, Aspiring Software Engineer, Full-time Foodie ]

+
+ + + + + diff --git a/pages/aboutme.html b/pages/aboutme.html new file mode 100644 index 000000000..b22c47709 --- /dev/null +++ b/pages/aboutme.html @@ -0,0 +1,66 @@ + + + + + About Me + + + + + + + + +
+
+

ABOUT ME

+

I like food, live shows, food, art, food, puppies, food, photography, food, travel, food, puns, and pho-ood.

+
+ +
+
+

Born in China

+ with family in Shanghai +
+
+

Raised in Texas

+ graduating from Texas A&M +
+
+

Worked in New York

+ igloo with tiki torches after Winter Storm Jonas +
+
+

Explored in Thailand

+ with friends at top of a mountain temple in Thailand +
+
+

Learning in Seattle

+ snowtubing with Adies at Snoqualmie +
+
+
+ + + + diff --git a/pages/code-journal.html b/pages/code-journal.html new file mode 100644 index 000000000..bb7013f72 --- /dev/null +++ b/pages/code-journal.html @@ -0,0 +1,105 @@ + + + + + Code Journal + + + + + + + +
+
+

CODE JOURNAL

+

Latest Posts

+
+
+
+

Week 6

+

3.16.2018

+ Read Post +
+
+

Week 5

+

3.8.2018

+ Read Post +
+
+

Week 4

+

3.2.2018

+ Read Post +
+
+
+
+
+

Week 6

+

+ Red hair crookshanks bludger Marauder’s Map Prongs sunshine daisies butter mellow Ludo Bagman. Beaters gobbledegook N.E.W.T., Honeydukes eriseD inferi Wormtail. Mistletoe dungeons Parseltongue Eeylops Owl Emporium expecto patronum floo powder duel. Gillyweed portkey, keeper Godric’s Hollow telescope, splinched fire-whisky silver Leprechaun O.W.L. stroke the spine. Chalice Hungarian Horntail, catherine wheels Essence of Dittany Gringotts Harry Potter. Prophecies Yaxley green eyes Remembrall horcrux hand of the servant. Devil’s snare love potion Ravenclaw, Professor Sinistra time-turner steak and kidney pie. Cabbage Daily Prophet letters from no one Dervish and Banges leg. +

+

+ Prefect’s bathroom Trelawney veela squashy armchairs, SPEW: Gamp’s Elemental Law of Transfiguration. Magic Nagini bezoar, Hippogriffs Headless Hunt giant squid petrified. Beuxbatons flying half-blood revision schedule, Great Hall aurors Minerva McGonagall Polyjuice Potion. Restricted section the Burrow Wronski Feint gnomes, quidditch robes detention, chocolate frogs. Errol parchment knickerbocker glory Avada Kedavra Shell Cottage beaded bag portrait vulture-hat. Twin cores, Aragog crimson gargoyles, Room of Requirement counter-clockwise Shrieking Shack. Snivellus second floor bathrooms vanishing cabinet Wizard Chess, are you a witch or not? +

+

+ Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire. +

+ +
+ +
+

Week 5

+

+ Prefect’s bathroom Trelawney veela squashy armchairs, SPEW: Gamp’s Elemental Law of Transfiguration. Magic Nagini bezoar, Hippogriffs Headless Hunt giant squid petrified. Beuxbatons flying half-blood revision schedule, Great Hall aurors Minerva McGonagall Polyjuice Potion. Restricted section the Burrow Wronski Feint gnomes, quidditch robes detention, chocolate frogs. Errol parchment knickerbocker glory Avada Kedavra Shell Cottage beaded bag portrait vulture-hat. Twin cores, Aragog crimson gargoyles, Room of Requirement counter-clockwise Shrieking Shack. Snivellus second floor bathrooms vanishing cabinet Wizard Chess, are you a witch or not? +

+

+ Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire. +

+

+ Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter. + +

+
+ +
+

Week 4

+

+ Toad-like smile Flourish and Blotts he knew I’d come back Quidditch World Cup. Fat Lady baubles banana fritters fairy lights Petrificus Totalus. So thirsty, deluminator firs’ years follow me 12 inches of parchment. Head Boy start-of-term banquet Cleansweep Seven roaring lion hat. Unicorn blood crossbow mars is bright tonight, feast Norwegian Ridgeback. Come seek us where our voices sound, we cannot sing above the ground, Ginny Weasley bright red. Fanged frisbees, phoenix tears good clean match. +

+

+ Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last. +

+

+ Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter. +

+ +
+
+
+ +
+ + + + diff --git a/pages/contactme.html b/pages/contactme.html new file mode 100644 index 000000000..a1b5b3c34 --- /dev/null +++ b/pages/contactme.html @@ -0,0 +1,50 @@ + + + + + Contact Me + + + + + + + + +
+

CONTACT ME

+

Call me, Beep me, if you wanna reach me!

+
+ FB icon + + IG icon + + LinkedIn icon + + GH icon +
+
+ + + + diff --git a/pages/projects.html b/pages/projects.html new file mode 100644 index 000000000..17eb9663f --- /dev/null +++ b/pages/projects.html @@ -0,0 +1,74 @@ + + + + + Projects + + + + + + + +
+

PROJECTS

+
+
+

Calculator

+ GH icon +
+ +
+

Solar System

+ GH icon +
+
+

Word Guess

+ GH icon +
+
+

Grocery Store

+ GH icon +
+
+

Scrabble

+ GH icon +
+
+

Ride Share

+ GH icon +
+
+

Hotel

+ GH icon +
+
+

Startrly

+ GH icon +
+
+
+ + + + diff --git a/styles/aboutme.css b/styles/aboutme.css new file mode 100644 index 000000000..75b6e49df --- /dev/null +++ b/styles/aboutme.css @@ -0,0 +1,54 @@ +.site-container { + width: 100vw; + height: 100vh; + background-image: url("../img/palms.jpg"); + color: black; +} + +main { + display: grid; + grid-template-rows: 1fr 3fr; + justify-content: center; +} + +main h1 { + font-size: 4em; + text-align: center; + margin-left: 0; + margin-top: 10%; + margin-bottom: 5px; +} + +p { + font-family: 'Satisfy', cursive; + font-size: 1.50em; + text-align: center; + font-weight: bold; +} + +main h2 { + font-size: 2em; + text-align: center; + margin-top: 0; + margin-left: 0; + margin-bottom: 0; +} + +.geo { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; +} + +footer p { + font-size: 1em; + font-family: none; + color:black; + text-align: left; + position:fixed; + left:0px; + bottom:-5px; + height:10px; + width:100%; +} diff --git a/styles/code-journal.css b/styles/code-journal.css new file mode 100644 index 000000000..4d8bcfb17 --- /dev/null +++ b/styles/code-journal.css @@ -0,0 +1,104 @@ +.site-container { + background-color: #F2B5C7; +} + +.bkimg { + width: 100vw; + height: 90vh; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: center; + background-image: url("../img/pink.jpg"); +} +.latest_posts { + display: flex; + justify-content: space-around; + text-align: center; + min-height: 250px; + margin-bottom: 110px; +} + +main h1 { + font-size: 4em; + margin-top: 10%; + margin-left: 0; + text-align: center; +} +main h2 { + font-size: 2em; + margin: 0; + text-align: center; +} + +.latest_posts div { + display: inline-block; + height:200px; + width: 250px; + margin: 15px; + border: solid 2px grey; + text-align: center; + background-color: #DCDFE2; + border-radius: 10%; +} + +.latest_posts div:hover { + border: solid 2px yellow; +} + +p { + font-size: 1.5em; + color: #F2B5C7; + font-weight: bold; +} + +.button { + background-color: #4CAF50; /* Green */ + border: none; + color: white; + padding: 15px 15px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.content { + display: flex; + justify-content: center; + flex-direction: row ; + flex-wrap: wrap; +} + +.posts { + top: 1500px; + color: black; + /* background-color: #F2B5C7; */ +} + +.posts div { + background-color: #F2BFCE; + margin-top: 3em; + margin-bottom: 30px; +} + +.posts h3 { + margin-top: 2em; + color: black; +} + +.posts p { + color: black; +} + +footer { + position:fixed; + font-family: none; + color: white; + left:0px; + bottom:15px; + height:30px; + width:100%; + font-size: .8em; + font-weight: none; +} diff --git a/styles/contactme.css b/styles/contactme.css new file mode 100644 index 000000000..f53da5b59 --- /dev/null +++ b/styles/contactme.css @@ -0,0 +1,60 @@ +.site-container { + width: 100vw; + height: 100vh; + background-image: url("../img/scott-webb-unsplash.jpg"); + color: black; +} + +main { + position: fixed; + margin-top: 10%; + display: grid; + grid-template-rows: 1fr 1fr 1fr; + justify-content: center; + height: 50%; + width: 100%; +} +main h1 { + font-size: 4em; + margin: 0 10% 10% 10%; + text-align: center; +} + +main h2 { + text-align: center; + font-size: 2em; + margin: 0 0; +} + +#icons { + display: flex; + min-height: 125px; + justify-content: center; +} + +.fb { + width: 100px; + height: 100px; +} + +.ig { + width: 80px; + height: 80px; + padding: 10px; +} + +.linkedin { + width: 90px; + height: 90px; + padding: 5px; +} + +.git { + width: 80px; + height: 80px; + padding: 10px; +} + +footer { + color: black; +} diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 000000000..3b4fded99 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,80 @@ +body { + width: 100vw; + height: 90vh; + color: white; + background-image: url(../img/plantwall.jpg); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: center; +} + +ul { + list-style-type: none; +} + +a { + text-decoration: none; + color: white; +} + +a:hover { + font-weight: bold; +} + +nav { + top: 0; + left: 0; + background-color: rgba(3, 82, 47, 0.99); + position: fixed; + width: 100%; + height: 3.2em; + font-size: 1.3em; +} + +nav ul { + display: flex; + justify-content: space-around; + padding-right: 2em; +} + +main { + + height: 80%; + width: 100%; + + display: flex; + flex-wrap: nowrap; + flex-direction: column; + justify-content: flex-start; +} + +main h1 { + font-family: 'Limelight', cursive; + margin-top: 15%; + margin-left: 18%; + font-size: 2.5em; +} + +main h2 { + font-family: 'Satisfy', cursive; + margin-top: 5%; + margin-left: 25%; + font-size: 6em; +} + +main h3 { + font-family: 'Open Sans Condensed', sans-serif; + font-size: 1.8em; + margin-left: 38%; + margin-top: -10px; +} + +footer { + position:fixed; + color: white; + left:0px; + bottom:5px; + height:30px; + width:100%; +} diff --git a/styles/projects.css b/styles/projects.css new file mode 100644 index 000000000..88ab81749 --- /dev/null +++ b/styles/projects.css @@ -0,0 +1,46 @@ +.site-container { + width: 100vw; + height: 100vh; + background-image: url("../img/desk.jpg"); + color: black; +} + +main h1 { + text-align: center; + font-size: 4em; + margin-top: 10%; + margin-left: 0; +} + +.projects { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.projects div { + display: inline-block; + height:200px; + width: 200px; + border: solid 2px yellow; + margin: 15px; + + text-align: center; +} + +.projects h2 { + color: black; + font-size: 1.5em; + font-weight: bold; + margin-left: 0; +} + +.git { + width: 80px; + height: 80px; + padding: 10px; +} + +.projects img:hover { + background-color: white; +}