Skip to content

Commit 571a779

Browse files
askdesignaskdesign
committed
Intro-ask
• Link index page to my intro page • Add info. to my brief bio
1 parent f287b9c commit 571a779

File tree

2 files changed

+160
-1
lines changed

2 files changed

+160
-1
lines changed

‎web-design-1/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ <h2 style="font-weight: bolder;">Girl Develop It</h2>
3737
<h3>Web Design Essentials 1</h3>
3838
<h4>Class Slides</h4>
3939
<div class="flex">
40-
<a href="intro.html" target="_blank" class="cta">Introductions</a>
40+
<a href="intro-ask.html" target="_blank" class="cta">Introductions</a>
4141
</div>
4242
<div class="flex">
4343
<a href="class1.html" target="_blank" class="cta">Class 1</a>

‎web-design-1/intro-ask.html‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
<!doctype html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7+
<meta name="description" content="Girl Develop It Web Design Essentials 1 Cohort Series">
8+
<meta name="author" content="Girl Develop It">
9+
<meta name="apple-mobile-web-app-capable" content="yes" />
10+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
11+
12+
<!-- Update with GDI Course Name -->
13+
<title>GDI - Web Design Essentials 1, Class 1</title>
14+
15+
<link rel="icon" type="image/x-icon" href="./assets/imgs/favicon.ico" />
16+
17+
<!-- RevealJS CDN -->
18+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/dist/reset.css">
19+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/dist/reveal.css">
20+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/dist/theme/simple.css" id="theme">
21+
22+
<!-- GDI Custom Theme -->
23+
<link rel="stylesheet" href="./assets/css/gdi-theme.css">
24+
25+
<!-- Theme used for syntax highlighted code -->
26+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/styles/monokai.min.css">
27+
</head>
28+
29+
<body>
30+
<div class="reveal">
31+
<!-- Start of Slides container -- Any section element in this container is displayed as a slide -->
32+
<div class="slides">
33+
34+
<!-- Opening Slide -->
35+
<section>
36+
<img src="./assets/imgs/gdi-logos/GDI-Circle-Logo_Peach.png" alt="GDI Logo" width="400px" class="noborder" />
37+
<br>
38+
<h2 style="font-weight: bolder;">Welcome to Girl Develop It</h2>
39+
</section>
40+
41+
<!-- Course Title -->
42+
<section>
43+
<h2>Web Design Essentials 1</h2>
44+
</section>
45+
46+
<!-- Instructor Intro -->
47+
<section>
48+
<h3>Introductions!</h3>
49+
<p style="font-size: 45px;">Anne Katzeff</p>
50+
<p style="font-size: 35px;">Web Designer / Front-End Developer</p>
51+
<ul>
52+
<li>20+ years in print design</li>
53+
<li>10+ years in web design</li>
54+
<li>15+ years teaching</li>
55+
<li>15+ years painting</li>
56+
<li>Webmaestro: 20+ websites</li>
57+
<li>ASK Design specializes in designing custom websites for creative folks, small businesses, and nonprofits.</li>
58+
</ul>
59+
</section>
60+
61+
<!-- Student Intros -->
62+
<section>
63+
<h3>Introductions!</h3>
64+
<ul>
65+
<li>Name?</li>
66+
<li>Attending from?</li>
67+
<li>Current favorite or binge TV show?</li>
68+
</ul>
69+
</section>
70+
71+
<!-- Student Goals -->
72+
<section>
73+
<h3>Introductions!</h3>
74+
<p style="font-size: 36px">What are your goals?</p>
75+
<p style="font-size: 36px">Why are you interested in Web Design?</p>
76+
<p style="font-size: 36px">What do you hope to get out of this series?</p>
77+
</section>
78+
79+
<!-- Self-Rating -->
80+
<section>
81+
<h3>Introductions!</h3>
82+
<p style="font-size: 36px">Rate your level of experience with HTML & CSS</p>
83+
<ul>
84+
<li>1 - Absolute beginner</li>
85+
<li>2 - Minimal experience (a tutorial here and there)</li>
86+
<li>3 - Some experience (familiar with the basics)</li>
87+
</ul>
88+
</section>
89+
90+
<!-- Cohort Goals -->
91+
<section>
92+
<h3>Cohort Goals</h3>
93+
<ul>
94+
<li>Foundational HTML and CSS</li>
95+
<li>Basics of responsive web design</li>
96+
<li>Web design best practices</li>
97+
<li><span style="color: #f05b62;">CODING!</span> Build simple static web pages</li>
98+
</ul>
99+
</section>
100+
101+
<!-- Housekeeping -->
102+
<section>
103+
<h3>As We Go Along ... </h3>
104+
<ul>
105+
<li>Display your preferred name and pronoun</li>
106+
<li>I am / We are here for you!</li>
107+
<li>Every question is important</li>
108+
<li>It's okay to be a little or very 'lost'</li>
109+
<li>Participate. Try things. Have Fun!</li>
110+
</ul>
111+
</section>
112+
</div> <!-- End of Slides container -->
113+
114+
<footer>
115+
<!-- Update with Course Name -->
116+
<div class="copyright">
117+
<img src="./assets/imgs/gdi-logos/GDI-Logo_Peach.png" alt="GDI Logo" width="40px" class="noborder" />
118+
<p>Web Design Essentials 1 - Introductions</p>
119+
<a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img
120+
alt="Creative Commons License" style="border-width:0"
121+
src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a>
122+
</div>
123+
</footer>
124+
</div> <!-- End of Reveal wrapper -->
125+
126+
<!-- REVEAL.JS Script Files - Do Not Edit -->
127+
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/dist/reveal.js"></script>
128+
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/plugin/highlight/highlight.js"></script>
129+
<script src="https://cdn.jsdelivr.net/npm/highlightjs-badge@0.1.9/highlightjs-badge.min.js"></script>
130+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsPlumb/2.15.5/js/jsplumb.min.js"></script>
131+
<script>
132+
const srcUrlPrefix = "https://cdn.jsdelivr.net/npm/reveal.js@4.1.0/";
133+
Reveal.initialize({
134+
hash: true,
135+
center: true,
136+
slideNumber: true,
137+
showNotes: false,
138+
margin: 0.1,
139+
preloadIframes: true,
140+
plugins: [RevealHighlight],
141+
pdfSeparateFragments: true
142+
});
143+
144+
// add HighlightJS-badge (options are optional)
145+
var options = {
146+
copyIconContent: "📄",
147+
checkIconContent: "✅"
148+
};
149+
window.highlightJsBadge(options);
150+
151+
if (window.location.search == "?print-pdf") {
152+
var uncounted = document.querySelectorAll("[data-visibility='uncounted']");
153+
uncounted.forEach(node => {
154+
node.parentNode.classList.add("no-print")
155+
})
156+
}
157+
</script>
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)