-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcraftingandcode.html
171 lines (153 loc) · 6.89 KB
/
craftingandcode.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,500;1,400;1,500&family=Audiowide&family=Chicle&family=Familjen+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inter&family=Playfair+Display:wght@400;500&family=Send+Flowers&family=Share+Tech+Mono&family=Ubuntu+Mono:ital@0;1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
<title>Yarn Help!</title>
</head>
<body>
<header>
<form class="color-picker" action="">
<fieldset>
<legend class="visually-hidden">Pick a color scheme</legend>
<label for="groovy" class="visually-hidden">Groovy Theme</label>
<input type="radio" id="groovy" name="theme" checked />
<label for="starwars-dark" class="visually-hidden">Starwars Dark Theme</label>
<input type="radio" name="theme" id="starwars-dark" />
<label for="elegant" class="visually-hidden">Elegant Theme</label>
<input type="radio" id="elegant" name="theme" />
<label for="simple-dark" class="visually-hidden">Simple Dark Dyslexia Friendly Theme</label>
<input type="radio" id="simple-dark" name="theme" />
</fieldset>
</form>
<!-- ADD SKIP TO MAIN CONTENT! -->
<nav>
<img
src="assets/menu.svg"
class="menu"
id="menu-btn"
alt="open menu"
/>
<ul class="nav" id="nav">
<li class="exit" id="/assets/exit-btn">
<img
src="assets/exit.svg"
class="menu"
id="exit-btn"
alt="close menu"
/>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="howmuchyarn.html">How Much Yarn?</a></li>
<li><a href="doctorwho.html">Doctor Who Scarf</a></li>
<li><a href="craftingandcode.html">Crafting and Code Coffee Chats and Discord </a>
<li><a href="about.html">About and Contact</a></li>
<!-- <li><a href="index01.html">Old Site Version 1.0</a></li> -->
</ul>
</nav>
</header>
<main>
<div class="wrapper">
<h1>Crafting and Code Coffee Chats</h1>
<!-- <h2>3.0 Version - Is Being Built in Public</h2>
<p>This updated design and "DRYer" Javascript code is being built in public. Every day that I work on it, the updates will be deployed live. For the functional version please visit <a href="https://yarnhelp.app">https://yarnhelp.app</a> Note that I tend to use really bright colours like red and green for css testing purposes. Take a look at the code here: <a href="https://github.com/GingerKiwi/yarnhelp3">GitHub repo for Yarn Help 3.0</a></p>
<p>
Welcome to YarnHelp! This is a site for knitters and crocheters of all
levels who want yarn math help, as well as their friends and family
that just want to know "how much yarn" to give them as a gift.
</p>
<p>
It's also the home for Crafting and Code Coffee Chats Right now (May,
2023) the focus is on building out <a href="/howmuchyarn.html">How Much Yarn</a> and the Crafting and Code Coffee Chats. Later on, you'll find yarn math help
and tools for:
<ul>
<li>Calculating gauge</li>
<li>How many stitches to cast on for
sweaters, socks, hats, and other projects</li>
<li> Weight equivlents for
holding yarn double</li>
<li>Needle and hook size convertors</li>
<li>French language
versions of some of the pages</li>
</ul>
</p> -->
<!-- <h2>About</h2> -->
<div class="auto-grid">
<div class="card">
<h3 class="card__title">
What are Crafting and Code Coffee Chats?
</h3>
<p>
They are biweekly online meetups on Discord for web and software developers who also do any type of crafts.
</p>
</div>
<div class="card">
<h3 class="card__title">What's the vibe?</h3>
<p>
They're a social, relaxed way to unwind, meet other developers, and share your love of any type of crafting or art.
</p>
</div>
<div class="card">
<h3 class="card__title">What types of crafts count? Is it only knitting and crochet? </h3>
<p>
Any kind of crafting is awesome!): knitting, crochet, weaving, cross stitch, woodworking, scrapbooking, sewing, drawing, or anything else crafty or artsy!
</p>
</div>
<div class="card">
<h3 class="card__title">Sunday 1pm EDT</h3>
<p>
Every other Sunday at 1pm EDT
☕ The day and time for the monthly Crafting and Code Coffee Chats has changed to every other Sunday at:
<ul>
<li>1pm EDT (Toronto/NYC)</li>
<li>6pm BST (UK)</li>
<li>10am PST (Vancouver/California)</li>
</ul>
This will allow more people to become a part of the community!
</p>
</div>
<div class="card">
<h3 class="card__title">Dates</h3>
<p>
<ul>
<li>Sunday May 28th</li>
<li>Sunday, June 11th</li>
<li>Sunday, June 25th</li>
<li>Sunday, July 9th - Live from the Toronoto Zoo!</li>
<li>Sunday, July 23rd</li>
<li>Sunday, August 6th</li>
<li>Sunday, August 20th</li>
</ul>
</p>
</div>
<div class="card">
<h3 class="card__title">Discord Server</h3>
<p>
<a href="https://discord.gg/5zKZrjct25">Click for an invite to the Crafting and Code Coffee Chats Discord server!</a>
</p>
</div>
</div>
<!-- <p>
Rerum, neque! Consequuntur obcaecati beatae dolorum, fuga itaque iusto
dicta et corporis facere ea necessitatibus odit cum, voluptates harum,
dolore maiores aliquid distinctio repellendus nesciunt!
</p>
<p>
Unde dolor quod delectus obcaecati labore laboriosam optio sit
eligendi. Excepturi explicabo quod obcaecati pariatur error, in,
accusantium eum omnis repellat qui, aliquid magnam odit?
</p> -->
</div>
</main>
<script src="/app.js"></script>
</body>
</main>
<script src="/app.js"></script>
<script src="/nav.js"></script>
</body>
</html>