Skip to content

Commit 52de2b2

Browse files
adriandarianadriandarian
committed
Initial Coffee and Code Page
1 parent 9e7a7cd commit 52de2b2

3 files changed

Lines changed: 572 additions & 2 deletions

File tree

‎src/app/components/coffee/coffee.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ $shadow: #FFA265;
1010
/* Generic */
1111
#coffee {
1212
display: flex;
13-
justify-content: center;
13+
justify-content: flex-end;
1414
align-items: center;
1515
width: 100%;
1616
height: 100vh;

‎src/app/containers/coffee-n-code/coffee-n-code.component.html‎

Lines changed: 325 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,325 @@
1-
<app-coffee></app-coffee>
1+
<div id="coffee">
2+
<div class="sm:text-center lg:text-left ml-56 w-2/3">
3+
<h2
4+
class="cnc-title text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:text-5xl sm:leading-none md:text-5xl"
5+
>
6+
Coffee and Code
7+
</h2>
8+
<p
9+
class="cnc-information mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"
10+
>
11+
Tuesday and Thursday from 12 PM to 4 PM
12+
</p>
13+
<div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
14+
<div class="rounded-md shadow">
15+
<a
16+
href="https://discord.gg/PFgPtMD"
17+
class="cnc-btn w-full flex items-center justify-center px-8 py-3 text-base leading-6 font-medium rounded-md text-white focus:outline-none focus:shadow-outline transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10"
18+
>
19+
Discord
20+
</a>
21+
</div>
22+
</div>
23+
</div>
24+
<div class="main">
25+
<div class="cup"></div>
26+
<div class="cup-g">
27+
<div class="cup__circle"></div>
28+
<div class="cup__top"></div>
29+
<div class="cup__bottom"></div>
30+
<div class="cup__shadow"></div>
31+
<div class="smoke">
32+
<div class="s s-0"></div>
33+
<div class="s s-1"></div>
34+
<div class="s s-2"></div>
35+
<div class="s s-3"></div>
36+
<div class="s s-4"></div>
37+
<div class="s s-5"></div>
38+
<div class="s s-6"></div>
39+
<div class="s s-7"></div>
40+
<div class="s s-8"></div>
41+
<div class="s s-9"></div>
42+
<div class="s s-10"></div>
43+
<div class="s s-11"></div>
44+
<div class="s s-12"></div>
45+
<div class="s s-13"></div>
46+
<div class="s s-14"></div>
47+
<div class="s s-15"></div>
48+
<div class="s s-16"></div>
49+
<div class="s s-17"></div>
50+
<div class="s s-18"></div>
51+
<div class="s s-19"></div>
52+
<div class="s s-20"></div>
53+
<div class="s s-21"></div>
54+
<div class="s s-22"></div>
55+
<div class="s s-23"></div>
56+
<div class="s s-24"></div>
57+
<div class="s s-25"></div>
58+
<div class="s s-26"></div>
59+
<div class="s s-27"></div>
60+
<div class="s s-28"></div>
61+
<div class="s s-29"></div>
62+
<div class="s s-30"></div>
63+
<div class="s s-31"></div>
64+
<div class="s s-32"></div>
65+
<div class="s s-33"></div>
66+
<div class="s s-34"></div>
67+
<div class="s s-35"></div>
68+
<div class="s s-36"></div>
69+
<div class="s s-37"></div>
70+
<div class="s s-38"></div>
71+
<div class="s s-39"></div>
72+
<div class="s s-40"></div>
73+
<div class="s s-41"></div>
74+
<div class="s s-42"></div>
75+
<div class="s s-43"></div>
76+
<div class="s s-44"></div>
77+
<div class="s s-45"></div>
78+
<div class="s s-46"></div>
79+
<div class="s s-47"></div>
80+
<div class="s s-48"></div>
81+
<div class="s s-49"></div>
82+
<div class="s s-50"></div>
83+
</div>
84+
</div>
85+
<div class="top">
86+
<div class="top__s"></div>
87+
</div>
88+
</div>
89+
</div>
90+
91+
<nav class="text-black font-bold my-8 ml-24" aria-label="Breadcrumb">
92+
<ol class="list-none p-0 inline-flex">
93+
<li class="flex items-center">
94+
<a>Home</a>
95+
<svg
96+
class="fill-current w-3 h-3 mx-3"
97+
xmlns="http://www.w3.org/2000/svg"
98+
viewBox="0 0 320 512"
99+
>
100+
<path
101+
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
102+
/>
103+
</svg>
104+
</li>
105+
<li class="flex items-center">
106+
<a>Second Level</a>
107+
<svg
108+
class="fill-current w-3 h-3 mx-3"
109+
xmlns="http://www.w3.org/2000/svg"
110+
viewBox="0 0 320 512"
111+
>
112+
<path
113+
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
114+
/>
115+
</svg>
116+
</li>
117+
<li>
118+
<a href="#" class="text-gray-500" aria-current="page">Third Level</a>
119+
</li>
120+
</ol>
121+
</nav>
122+
123+
<h1 class="ml-24 mb-4 text-5xl">Resources</h1>
124+
125+
<div class="flex flex-col">
126+
<div class="-my-2 py-2 overflow-x-auto sm:px-24 lg:px-8">
127+
<div
128+
class="align-middle inline-block min-w-full shadow overflow-hidden sm:rounded-lg border-b border-gray-200"
129+
>
130+
<table class="min-w-full">
131+
<thead>
132+
<tr>
133+
<th
134+
class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"
135+
>
136+
Name
137+
</th>
138+
<th
139+
class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"
140+
>
141+
Description
142+
</th>
143+
<th
144+
class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"
145+
>
146+
Course
147+
</th>
148+
<th
149+
class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"
150+
>
151+
URL
152+
</th>
153+
<th
154+
class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"
155+
>
156+
Date Added
157+
</th>
158+
</tr>
159+
</thead>
160+
<tbody class="bg-white">
161+
<tr>
162+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
163+
<div class="flex items-center">
164+
<div class="ml-4">
165+
<div class="text-sm leading-5 font-medium text-gray-900">
166+
Java Programming Basics
167+
</div>
168+
<div class="text-sm leading-5 text-gray-500">
169+
Credits to Geeks for Geeks
170+
</div>
171+
</div>
172+
</div>
173+
</td>
174+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
175+
<div class="text-sm leading-5 text-gray-900">Java is one of the most popular and widely used programming language...</div>
176+
</td>
177+
<td
178+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
179+
>
180+
CSE 20
181+
</td>
182+
<td
183+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
184+
>
185+
<a href="https://www.geeksforgeeks.org/java-programming-basics/">Read More...</a>
186+
</td>
187+
<td
188+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
189+
>
190+
3/22/2020
191+
</td>
192+
</tr>
193+
<tr>
194+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
195+
<div class="flex items-center">
196+
<div class="ml-4">
197+
<div class="text-sm leading-5 font-medium text-gray-900">
198+
Java Programming Basics
199+
</div>
200+
<div class="text-sm leading-5 text-gray-500">
201+
Credits to Geeks for Geeks
202+
</div>
203+
</div>
204+
</div>
205+
</td>
206+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
207+
<div class="text-sm leading-5 text-gray-900">Java is one of the most popular and widely used programming language...</div>
208+
</td>
209+
<td
210+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
211+
>
212+
CSE 20
213+
</td>
214+
<td
215+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
216+
>
217+
<a href="https://www.geeksforgeeks.org/java-programming-basics/">Read More...</a>
218+
</td>
219+
<td
220+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
221+
>
222+
3/22/2020
223+
</td>
224+
</tr>
225+
<tr>
226+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
227+
<div class="flex items-center">
228+
<div class="ml-4">
229+
<div class="text-sm leading-5 font-medium text-gray-900">
230+
Java Programming Basics
231+
</div>
232+
<div class="text-sm leading-5 text-gray-500">
233+
Credits to Geeks for Geeks
234+
</div>
235+
</div>
236+
</div>
237+
</td>
238+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
239+
<div class="text-sm leading-5 text-gray-900">Java is one of the most popular and widely used programming language...</div>
240+
</td>
241+
<td
242+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
243+
>
244+
CSE 20
245+
</td>
246+
<td
247+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
248+
>
249+
<a href="https://www.geeksforgeeks.org/java-programming-basics/">Read More...</a>
250+
</td>
251+
<td
252+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
253+
>
254+
3/22/2020
255+
</td>
256+
</tr>
257+
<tr>
258+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
259+
<div class="flex items-center">
260+
<div class="ml-4">
261+
<div class="text-sm leading-5 font-medium text-gray-900">
262+
Java Programming Basics
263+
</div>
264+
<div class="text-sm leading-5 text-gray-500">
265+
Credits to Geeks for Geeks
266+
</div>
267+
</div>
268+
</div>
269+
</td>
270+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
271+
<div class="text-sm leading-5 text-gray-900">Java is one of the most popular and widely used programming language...</div>
272+
</td>
273+
<td
274+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
275+
>
276+
CSE 20
277+
</td>
278+
<td
279+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
280+
>
281+
<a href="https://www.geeksforgeeks.org/java-programming-basics/">Read More...</a>
282+
</td>
283+
<td
284+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
285+
>
286+
3/22/2020
287+
</td>
288+
</tr>
289+
<tr>
290+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
291+
<div class="flex items-center">
292+
<div class="ml-4">
293+
<div class="text-sm leading-5 font-medium text-gray-900">
294+
Java Programming Basics
295+
</div>
296+
<div class="text-sm leading-5 text-gray-500">
297+
Credits to Geeks for Geeks
298+
</div>
299+
</div>
300+
</div>
301+
</td>
302+
<td class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">
303+
<div class="text-sm leading-5 text-gray-900">Java is one of the most popular and widely used programming language...</div>
304+
</td>
305+
<td
306+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
307+
>
308+
CSE 20
309+
</td>
310+
<td
311+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
312+
>
313+
<a href="https://www.geeksforgeeks.org/java-programming-basics/">Read More...</a>
314+
</td>
315+
<td
316+
class="px-6 py-4 whitespace-no-wrap border-b border-gray-200 text-sm leading-5 text-gray-500"
317+
>
318+
3/22/2020
319+
</td>
320+
</tr>
321+
</tbody>
322+
</table>
323+
</div>
324+
</div>
325+
</div>

0 commit comments

Comments
 (0)