Skip to content

Commit 0708790

Browse files
aka-babyspinachaka-babyspinach
committed
css layout modification for seminar
1 parent 2b97cb5 commit 0708790

File tree

6 files changed

+860
-476
lines changed

6 files changed

+860
-476
lines changed

Diff for: ‎.DS_Store

8 KB
Binary file not shown.

Diff for: ‎background-grid.png

127 KB
Loading

Diff for: ‎index.html

+513-287
Large diffs are not rendered by default.

Diff for: ‎seminar/index.html

+236-136
Original file line numberDiff line numberDiff line change
@@ -1,155 +1,255 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="stylesheet" href="../style.css">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="../style.css" />
88

9-
<title>ArtCenter College of Design | Media Design Practices | Creative Technology 3</title>
10-
</head>
11-
<body>
9+
<title>
10+
ArtCenter College of Design | Media Design Practices | Creative Technology
11+
3
12+
</title>
13+
</head>
14+
<body>
1215
<header>
13-
<h1>Creative Technology Seminar</h1>
14-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo nostrum repudiandae accusamus consequatur quas, illo eum dicta, ullam quidem rem nam delectus amet praesentium nobis voluptas fugiat, dolore provident ex.</p>
16+
<nav>
17+
<h6 class="logo">Creative techology seminar</h6>
18+
19+
<input type="checkbox" id="navToggle" />
20+
<label for="navToggle"></label>
21+
<ul>
22+
<li><a href="#" target="_blank">[ZOOM LINK]</a></li>
23+
<li><a href="#">PROJECTS</a></li>
24+
<li><a href="#resources">RESOURCES</a></li>
25+
<li><a href="#students">STUDENTS</a></li>
26+
<li><a href="/seminar/" target="_blank">SEMINAR</a></li>
27+
</ul>
28+
</nav>
1529
</header>
30+
1631
<main>
17-
<!-- WEEK 2 -->
18-
<section>
19-
<h2><span class="title">What is technology and why?</span> hosted by Name Lastname</h2>
20-
<p class="date">Friday, Sept 24</p>
32+
<section>
33+
<h2>Creative<br />Technology<br />Seminar</h2>
2134

22-
<ul>
23-
<li><strong>Topics:</strong></li>
24-
<li><strong>Student Leads:</strong> Name Lastname</li>
25-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
26-
</ul>
27-
</section>
28-
29-
<!-- WEEK 3 -->
30-
<section>
31-
<h2><span class="title">Tools and making (tools)</span> hosted by Name Lastname</h2>
32-
<p class="date">Friday, Oct 01</p>
33-
34-
<ul>
35-
<li><strong>Topics:</strong></li>
36-
<li><strong>Student Leads:</strong> Name Lastname</li>
37-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
38-
</ul>
39-
</section>
35+
<p class="seminar-intro">
36+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo
37+
nostrum repudiandae accusamus consequatur quas, illo eum dicta, ullam
38+
quidem rem nam delectus amet praesentium nobis voluptas fugiat, dolore
39+
provident ex.
40+
</p>
41+
</section>
42+
<hr />
43+
<!-- WEEK 2 -->
44+
<section class="seminar">
45+
<h2>
46+
<span class="title">What is technology and why?</span> hosted by Name
47+
Lastname
48+
</h2>
49+
<h4 class="date">Friday, Sept 24</h4>
4050

41-
<!-- WEEK 4 -->
42-
<section>
43-
<h2><span class="title">Imagination and design fiction</span> hosted by Name Lastname</h2>
44-
<p class="date">Friday, Oct 08</p>
45-
46-
<ul>
47-
<li><strong>Topics:</strong></li>
48-
<li><strong>Student Leads:</strong> Name Lastname</li>
49-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
50-
</ul>
51-
</section>
51+
<ul>
52+
<li><strong>Topics:</strong></li>
53+
<li><strong>Student Leads:</strong> Name Lastname</li>
54+
<li>
55+
<strong>Reading:</strong>
56+
<a href="#" target="_blank">A. Author, Title With a Link</a>
57+
</li>
58+
</ul>
59+
</section>
60+
<hr />
61+
<!-- WEEK 3 -->
62+
<section class="seminar">
63+
<h2>
64+
<span class="title">Tools and making (tools)</span> hosted by Name
65+
Lastname
66+
</h2>
67+
<h4 class="date">Friday, Oct 01</h4>
5268

53-
<!-- WEEK 5 -->
54-
<section>
55-
<h2><span class="title">AI and I</span> hosted by Name Lastname</h2>
56-
<p class="date">Friday, Oct 15</p>
57-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis atque fugit illum dolor sunt, id reprehenderit assumenda ipsum corrupti perspiciatis, doloremque omnis deleniti necessitatibus eum, nihil facilis earum culpa laborum.</p>
69+
<ul>
70+
<li><strong>Topics:</strong></li>
71+
<li><strong>Student Leads:</strong> Name Lastname</li>
72+
<li>
73+
<strong>Reading:</strong>
74+
<a href="#" target="_blank">A. Author, Title With a Link</a>
75+
</li>
76+
</ul>
77+
</section>
78+
<hr />
79+
<!-- WEEK 4 -->
80+
<section class="seminar">
81+
<h2>
82+
<span class="title">Imagination and design fiction</span> hosted by
83+
Name Lastname
84+
</h2>
85+
<h4 class="date">Friday, Oct 08</h4>
5886

59-
<ul>
60-
<li><strong>Student Leads:</strong> Name Lastname</li>
61-
<li><strong>Reading for the next week:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
62-
</ul>
63-
</section>
87+
<ul>
88+
<li><strong>Topics:</strong></li>
89+
<li><strong>Student Leads:</strong> Name Lastname</li>
90+
<li>
91+
<strong>Reading:</strong>
92+
<a href="#" target="_blank">A. Author, Title With a Link</a>
93+
</li>
94+
</ul>
95+
</section>
96+
<hr />
97+
<!-- WEEK 5 -->
98+
<section class="seminar">
99+
<h2><span class="title">AI and I</span> hosted by Name Lastname</h2>
100+
<h4 class="date">Friday, Oct 15</h4>
101+
<p>
102+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis atque
103+
fugit illum dolor sunt, id reprehenderit assumenda ipsum corrupti
104+
perspiciatis, doloremque omnis deleniti necessitatibus eum, nihil
105+
facilis earum culpa laborum.
106+
</p>
64107

65-
<!-- WEEK 6 -->
66-
<section>
67-
<h2><span class="title">Things that think</span> hosted by Name Lastname</h2>
68-
<p class="date">Friday, Oct 22</p>
69-
70-
<ul>
71-
<li><strong>Topics:</strong></li>
72-
<li><strong>Student Leads:</strong> Name Lastname</li>
73-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
74-
</ul>
75-
</section>
108+
<ul>
109+
<li><strong>Student Leads:</strong> Name Lastname</li>
110+
<li>
111+
<strong>Reading for the next week:</strong>
112+
<a href="#" target="_blank">A. Author, Title With a Link</a>
113+
</li>
114+
</ul>
115+
</section>
116+
<hr />
117+
<!-- WEEK 6 -->
118+
<section class="seminar">
119+
<h2>
120+
<span class="title">Things that think</span> hosted by Name Lastname
121+
</h2>
122+
<h4 class="date">Friday, Oct 22</h4>
76123

77-
<!-- WEEK 7 -->
78-
<section>
79-
<h2><span class="title">REVIEW WEEK - NO CLASS</span></h2>
80-
</section>
124+
<ul>
125+
<li><strong>Topics:</strong></li>
126+
<li><strong>Student Leads:</strong> Name Lastname</li>
127+
<li>
128+
<strong>Reading:</strong>
129+
<a href="#" target="_blank">A. Author, Title With a Link</a>
130+
</li>
131+
</ul>
132+
</section>
133+
<hr />
134+
<!-- WEEK 7 -->
135+
<section class="seminar">
136+
<h2><span class="title">REVIEW WEEK - NO CLASS</span></h2>
137+
</section>
138+
<hr />
139+
<!-- WEEK 8 -->
140+
<section class="seminar">
141+
<h2>
142+
<span class="title">Building other realities</span> hosted by Name
143+
Lastname
144+
</h2>
145+
<h4 class="date">Friday, Nov 05</h4>
81146

82-
<!-- WEEK 8 -->
83-
<section>
84-
<h2><span class="title">Building other realities</span> hosted by Name Lastname</h2>
85-
<p class="date">Friday, Nov 05</p>
86-
87-
<ul>
88-
<li><strong>Topics:</strong></li>
89-
<li><strong>Student Leads:</strong> Name Lastname</li>
90-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
91-
</ul>
92-
</section>
147+
<ul>
148+
<li><strong>Topics:</strong></li>
149+
<li><strong>Student Leads:</strong> Name Lastname</li>
150+
<li>
151+
<strong>Reading:</strong>
152+
<a href="#" target="_blank">A. Author, Title With a Link</a>
153+
</li>
154+
</ul>
155+
</section>
156+
<hr />
157+
<!-- WEEK 9 -->
158+
<section class="seminar">
159+
<h2>
160+
<span class="title">Hacking and re-purposing</span> hosted by Name
161+
Lastname
162+
</h2>
163+
<h4 class="date">Friday, Nov 12</h4>
93164

94-
<!-- WEEK 9 -->
95-
<section>
96-
<h2><span class="title">Hacking and re-purposing</span> hosted by Name Lastname</h2>
97-
<p class="date">Friday, Nov 12</p>
98-
99-
<ul>
100-
<li><strong>Topics:</strong></li>
101-
<li><strong>Student Leads:</strong> Name Lastname</li>
102-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
103-
</ul>
104-
</section>
165+
<ul>
166+
<li><strong>Topics:</strong></li>
167+
<li><strong>Student Leads:</strong> Name Lastname</li>
168+
<li>
169+
<strong>Reading:</strong>
170+
<a href="#" target="_blank">A. Author, Title With a Link</a>
171+
</li>
172+
</ul>
173+
</section>
174+
<hr />
175+
<!-- WEEK 10 -->
176+
<section class="seminar">
177+
<h2>
178+
<span class="title">Physical/mechanical systems</span> hosted by Name
179+
Lastname
180+
</h2>
181+
<h4 class="date">Friday, Nov 19</h4>
105182

106-
<!-- WEEK 10 -->
107-
<section>
108-
<h2><span class="title">Physical/mechanical systems</span> hosted by Name Lastname</h2>
109-
<p class="date">Friday, Nov 19</p>
110-
111-
<ul>
112-
<li><strong>Topics:</strong></li>
113-
<li><strong>Student Leads:</strong> Name Lastname</li>
114-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
115-
</ul>
116-
</section>
183+
<ul>
184+
<li><strong>Topics:</strong></li>
185+
<li><strong>Student Leads:</strong> Name Lastname</li>
186+
<li>
187+
<strong>Reading:</strong>
188+
<a href="#" target="_blank">A. Author, Title With a Link</a>
189+
</li>
190+
</ul>
191+
</section>
192+
<hr />
193+
<!-- WEEK 11 -->
194+
<section class="seminar">
195+
<h2>
196+
<span class="title">Synthetic Life</span> hosted by Name Lastname
197+
</h2>
198+
<h4 class="date">Friday, Nov 26</h4>
117199

118-
<!-- WEEK 11 -->
119-
<section>
120-
<h2><span class="title">Synthetic Life</span> hosted by Name Lastname</h2>
121-
<p class="date">Friday, Nov 26</p>
122-
123-
<ul>
124-
<li><strong>Topics:</strong></li>
125-
<li><strong>Student Leads:</strong> Name Lastname</li>
126-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
127-
</ul>
128-
</section>
200+
<ul>
201+
<li><strong>Topics:</strong></li>
202+
<li><strong>Student Leads:</strong> Name Lastname</li>
203+
<li>
204+
<strong>Reading:</strong>
205+
<a href="#" target="_blank">A. Author, Title With a Link</a>
206+
</li>
207+
</ul>
208+
</section>
209+
<hr />
210+
<!-- WEEK 12 -->
211+
<section class="seminar">
212+
<h2>
213+
<span class="title">Felt connections</span> hosted by Name Lastname
214+
</h2>
215+
<h4 class="date">Friday, Dec 03</h4>
129216

130-
<!-- WEEK 12 -->
131-
<section>
132-
<h2><span class="title">Felt connections</span> hosted by Name Lastname</h2>
133-
<p class="date">Friday, Dec 03</p>
134-
135-
<ul>
136-
<li><strong>Topics:</strong></li>
137-
<li><strong>Student Leads:</strong> Name Lastname</li>
138-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
139-
</ul>
140-
</section>
217+
<ul>
218+
<li><strong>Topics:</strong></li>
219+
<li><strong>Student Leads:</strong> Name Lastname</li>
220+
<li>
221+
<strong>Reading:</strong>
222+
<a href="#" target="_blank">A. Author, Title With a Link</a>
223+
</li>
224+
</ul>
225+
</section>
226+
<hr />
227+
<!-- WEEK 13 -->
228+
<section class="seminar">
229+
<h2>
230+
<span class="title">Games and play</span> hosted by Name Lastname
231+
</h2>
232+
<h4 class="date">Friday, Dec 10</h4>
141233

142-
<!-- WEEK 13 -->
143-
<section>
144-
<h2><span class="title">Games and play</span> hosted by Name Lastname</h2>
145-
<p class="date">Friday, Dec 10</p>
146-
147-
<ul>
148-
<li><strong>Topics:</strong></li>
149-
<li><strong>Student Leads:</strong> Name Lastname</li>
150-
<li><strong>Reading:</strong> <a href="#" target="_blank">A. Author, Title With a Link</a></li>
151-
</ul>
152-
</section>
234+
<ul>
235+
<li><strong>Topics:</strong></li>
236+
<li><strong>Student Leads:</strong> Name Lastname</li>
237+
<li>
238+
<strong>Reading:</strong>
239+
<a href="#" target="_blank">A. Author, Title With a Link</a>
240+
</li>
241+
</ul>
242+
</section>
153243
</main>
154-
</body>
155-
</html>
244+
<footer>
245+
<nav>
246+
<ul>
247+
<li><a href="#">PROJECTS</a></li>
248+
<li><a href="#resources">RESOURCES</a></li>
249+
<li><a href="#students">STUDENTS</a></li>
250+
<li><a href="seminar/" target="_blank">SEMINAR</a></li>
251+
</ul>
252+
</nav>
253+
</footer>
254+
</body>
255+
</html>

0 commit comments

Comments
 (0)