forked from bloominstituteoftechnology/Newsfeed-Components
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (132 loc) · 11.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!-- Do not add anything to the HTML until Part 3 of the project -->
<!DOCTYPE html>
<html>
<head>
<title>Lambda School Newsfeed</title>
<link rel="stylesheet" type="text/css" media="screen" href="./CSS/index.css" />
<script src="./Menu/Menu.js" async></script>
<script src="./Article/Article.js" async></script>
</head>
<body>
<div class="header">
<img class="menu-button" src="./assets/menu.png"/>
<h1>Lambda School Newsfeed</h1>
</div>
<div class="menu">
<ul>
<li>Students</li>
<li>Faculty</li>
<li>What's New</li>
<li>Tech Trends</li>
<li>Music</li>
<li>Log Out</li>
</ul>
</div>
<div class="articles">
<div class="article">
<h2>Lambda School Students: "We're the best!"</h2>
<p class="date">Nov 5th, 2017</p>
<p>Lucas ipsum dolor sit amet ben twi'lek padmé darth darth darth moff hutt organa twi'lek. Ben amidala secura skywalker lando
moff wicket tatooine luke. Solo wampa wampa calrissian yoda moff. Darth grievous darth gonk darth hutt. Darth baba skywalker
watto fett jango maul han. Mon ewok sidious sidious lando kenobi grievous gamorrean solo. Yoda wedge utapau darth calamari.
Hutt calamari darth jabba. Darth dooku amidala organa moff. Boba darth binks solo hutt skywalker dantooine skywalker. Qui-gonn
jar twi'lek jinn leia jango skywalker mon. </p>
<p>Grievous fett calamari anakin skywalker hutt. Alderaan darth kenobi darth r2-d2
windu mothma. Sidious darth calamari moff. Wampa mothma sith wedge solo mara. Darth gonk maul sith moff chewbacca palpatine
mace amidala. C-3po solo skywalker anakin yoda leia. Maul wampa bespin watto jade ewok darth jabba. Lando dantooine moff
k-3po dantooine luke. Fisto mandalore darth wedge c-3p0 ahsoka. Secura moff palpatine fett. Anakin sith darth darth. Moff
solo leia ben ponda jade. Binks jango aayla skywalker skywalker cade. Mustafar darth ventress anakin watto. Yavin jawa sebulba
owen jinn tatooine sith organa.</p>
<p>Dagobah hutt jawa leia calamari ventress skywalker yoda. Binks wicket hutt coruscant sidious
naboo ackbar tatooine. Hutt lars padmé darth. Maul solo darth darth jabba qui-gon chewbacca darth maul. Moff baba wicket
han. C-3po antilles moff qui-gon ahsoka aayla dooku amidala. Palpatine droid amidala droid k-3po twi'lek padmé wookiee. Leia
moff calamari mon obi-wan. Solo grievous lando coruscant. Jinn darth palpatine obi-wan mon.</p>
<span class='expandButton'></span>
</div>
<div class="article">
<h2>Javascript and You, ES6</h2>
<p class="date">Nov 7th, 2017</p>
<p>Alohamora wand elf parchment, Wingardium Leviosa hippogriff, house dementors betrayal. Holly, Snape centaur portkey ghost
Hermione spell bezoar Scabbers. Peruvian-Night-Powder werewolf, Dobby pear-tickle half-moon-glasses, Knight-Bus. Padfoot
snargaluff seeker: Hagrid broomstick mischief managed. Snitch Fluffy rock-cake, 9 ¾ dress robes I must not tell lies. Mudbloods
yew pumpkin juice phials Ravenclaw’s Diadem 10 galleons Thieves Downfall. Ministry-of-Magic mimubulus mimbletonia Pigwidgeon
knut phoenix feather other minister Azkaban. Hedwig Daily Prophet treacle tart full-moon Ollivanders You-Know-Who cursed.
Fawkes maze raw-steak Voldemort Goblin Wars snitch Forbidden forest grindylows wool socks.</p>
<p>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.</p>
<span class='expandButton'></span>
</div>
<div class="article">
<h2>React vs Angular vs Vue</h2>
<p class="date">Nov 7th, 2017</p>
<p>Bulbasaur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ivysaur Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Venusaur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Charmander Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Charmeleon Lorem ipsum dolor sit amet, consectetur adipiscing elit. Charizard Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Squirtle Lorem ipsum dolor sit amet, consectetur adipiscing elit. Wartortle Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Blastoise Lorem ipsum dolor sit amet, consectetur adipiscing elit. Caterpie Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Metapod Lorem ipsum dolor sit amet, consectetur adipiscing elit. Butterfree
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Weedle Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Kakuna Lorem ipsum dolor sit amet, consectetur adipiscing elit. Beedrill Lorem ipsum dolor sit amet, consectetur adipiscing
elit.</p>
<p>Pidgey Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pidgeotto Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Pidgeot Lorem ipsum dolor sit amet, consectetur adipiscing elit. Rattata Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Raticate Lorem ipsum dolor sit amet, consectetur adipiscing elit. Spearow Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fearow Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ekans Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Arbok Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pikachu Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Raichu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sandshrew Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Sandslash Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nidoran Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nidorina Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nidoqueen Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nidoran Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nidorino Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Nidoking Lorem ipsum</p>
<span class='expandButton'></span>
</div>
<div class="article">
<h2>Professional Software Development in 2018</h2>
<p class="date">Nov 7th, 2017</p>
<p>Hodor hodor HODOR! Hodor hodor - hodor, hodor. Hodor hodor... Hodor hodor hodor; hodor hodor. Hodor hodor hodor, hodor, hodor
hodor. Hodor, hodor. Hodor. Hodor, hodor - hodor... Hodor hodor hodor; hodor HODOR hodor, hodor hodor?! Hodor hodor, hodor.
Hodor hodor hodor hodor hodor! Hodor hodor - HODOR hodor, hodor hodor hodor hodor hodor; hodor hodor? </p>
<p>Hodor, hodor. Hodor. Hodor, hodor, hodor. Hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor;
hodor hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor hodor! Hodor, hodor. Hodor. Hodor, HODOR
hodor, hodor hodor, hodor, hodor hodor. Hodor hodor - hodor - hodor... Hodor hodor hodor hodor hodor hodor hodor?! Hodor
hodor - hodor hodor hodor. Hodor. Hodor hodor... Hodor hodor hodor hodor hodor? </p>
<p>Hodor hodor - hodor... Hodor hodor hodor hodor. Hodor. Hodor! Hodor hodor, hodor hodor hodor hodor hodor; hodor hodor? Hodor!
Hodor hodor, HODOR hodor, hodor hodor?! Hodor! Hodor hodor, HODOR hodor, hodor hodor, hodor, hodor hodor. Hodor, hodor.
Hodor. Hodor, hodor, hodor. Hodor hodor... Hodor hodor hodor?! Hodor, hodor... Hodor hodor HODOR hodor, hodor hodor. Hodor.
</p>
<p>Hodor, hodor. Hodor. Hodor, hodor, hodor. Hodor hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor;
hodor hodor hodor? Hodor, hodor. Hodor. Hodor, hodor - HODOR hodor, hodor hodor hodor! Hodor, hodor. Hodor. Hodor, HODOR
hodor, hodor hodor, hodor, hodor hodor. Hodor hodor - hodor - hodor... Hodor hodor hodor hodor hodor hodor hodor?! Hodor
hodor - hodor hodor hodor. Hodor. Hodor hodor... Hodor hodor hodor hodor hodor? </p>
<span class='expandButton'></span>
</div>
<div class="article">
<h2>An Introduction to Web Safe Colors</h2>
<p class="date">May 28th, 2018</p>
<p>
Pok pok wolf vaporware, kale chips cupidatat DIY godard excepteur brunch. Irure austin pariatur pour-over knausgaard fashion axe gentrify aliqua lomo neutra aute mlkshk deep v. Tumblr do woke semiotics polaroid proident gochujang, dolore kitsch kinfolk salvia. Disrupt church-key thundercats raclette. Fanny pack tattooed vice cold-pressed, ullamco tacos photo booth enim franzen thundercats sustainable. Mumblecore brunch dreamcatcher fashion axe dolore photo booth air plant id ennui in hell of disrupt lomo sustainable williamsburg. Adaptogen retro ennui authentic cred trust fund 8-bit laborum ethical asymmetrical health goth.
</p>
<p>
Tbh scenester migas tattooed, eu banjo narwhal. XOXO franzen small batch culpa. Try-hard pour-over jianbing, whatever banjo pitchfork literally edison bulb synth. Prism banjo listicle church-key edison bulb. Chicharrones occaecat duis enamel pin, marfa DIY fugiat kogi. Vape pork belly ramps sint.
</p>
<span class='expandButton'></span>
</div>
<div class="article">
<h2>How to Apply for Software Engineering Jobs</h2>
<p class="date">May 29th, 2018</p>
<p>
Fanny pack voluptate narwhal cloud bread literally pour-over plaid chia esse microdosing cray. Keytar drinking vinegar minim, ramps blog cred tousled four loko. DIY in aute normcore artisan, culpa ad kitsch air plant godard man bun. Hashtag ad YOLO lumbersexual biodiesel jean shorts synth schlitz jianbing aliquip culpa literally.
</p>
<p>
Blue bottle mollit heirloom kogi next level truffaut everyday carry glossier irony food truck in selfies artisan church-key. Kombucha excepteur hashtag slow-carb lo-fi kale chips biodiesel duis sunt bitters. Stumptown meh yuccie, occaecat tacos deserunt kale chips deep v cupidatat taxidermy. Distillery hoodie freegan quis blue bottle veniam pabst narwhal. Godard lyft art party pinterest paleo stumptown semiotics cornhole twee cupidatat dolore actually quinoa. Consequat VHS esse mustache whatever scenester.
</p>
<p>
Kombucha sustainable you probably haven't heard of them proident etsy ennui vaporware qui enim raw denim whatever. Distillery food truck intelligentsia try-hard, shabby chic kinfolk man braid nisi hella pug chia fingerstache celiac vegan artisan. Dolore franzen prism, vegan enim subway tile lumbersexual. Listicle bicycle rights kinfolk officia street art fixie enim chillwave pickled aesthetic coloring book 3 wolf moon ut. Taiyaki chambray nisi, salvia disrupt proident meggings iceland vinyl. Taxidermy qui authentic hot chicken.
</p>
<span class='expandButton'></span>
</div>
</div><!-- /articles -->
</body>
</html>