-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGallery.html
113 lines (111 loc) · 3.9 KB
/
Gallery.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
<<!-- Creative Yarn Crafts -->
<!-- K0mputer N3rd -->
<!-- 01/16/2022 -->
<!-- Gallery.html -->
<!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="stylesheet" href="Styles\Styles.css" />
<title>Creative Yarn Crafts</title>
<link rel="icon" type="image/x-icon" href="./Media/GS-Icon.ico" />
<!-- Script to enable fontawesome -->
<script
src="https://kit.fontawesome.com/d5fdc24f4a.js"
crossorigin="anonymous"
></script>
<!-- Script for social media links -->
<script>
function social_alert() {
alert(
"Social media links are not yet implemented. Please check again in a few months."
);
}
</script>
</head>
<body>
<nav>
<ul>
<li>
<a style="padding: 1px" href="Current.html">
<img
class="logo"
src="Media\Granny Square Letter A.png"
alt="Logo"
/>
</a>
</li>
<li><a href="Home.html">Home</a></li>
<li><a href="Tutorials.html">Tutorials</a></li>
<li><a class="active" href="#home">Gallery</a></li>
<li><a href="Current.html">Current</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</nav>
<br />
<div class="main">
<h6>Creative Yarn Crafts</h6>
<h1>Gallery</h1>
<p>
This is my gallery of projects I have done over the years. It is far
from complete, and I continue to add items to it.
</p>
<hr />
<img class="rightimage1" src="Media\Face Mask 1.png" alt="Square" />
<h2>Face Mask</h2>
<p>
We were all caught off guard by COVID-19. When there was a shortage of
face masks, I decided it was time to design my own. As I pondered it, I
imagined working rows horizontally, but I couldn't figure out what to do
to shape it around the nose. Then I woke up one morning with the idea
that I could do the rows vertically, starting at the center. The rest of
the design fell into place after that. The cords are braided to go
around the ear, with a bead for adjustment to fit almost any head. Since
crochet has many large holes in the work, it is made to fit with a liner
of some kind, which can be a paper towel, tissue paper, or even a plain
white mask. A friend suggested the smile, which I was all too happy to
add to the design.
</p>
<hr />
<img
class="leftimage1"
src="Media\Granny Square Regular.png"
alt="Square"
/>
<h2>Granny Squares</h2>
<p>
This is a basic granny square, using different colors for each row.
There are many variations of granny squares, with many different sizes.
Granny squares are usually stitched togther (with yarn) to make afghans
(blankets made with yarn, usually knitted or crocheted), but can be used
to make sweaters and other objects.
</p>
<p>
I have made many granny square projects over the years, and plan to
include some of those for which I have pictures.
</p>
</div>
<footer>
<p>
<a href="#" onclick="social_alert()">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-instagram-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-youtube-square fa-2x"></i>
</a>
</p>
<p>
Website Design and Content Copyright © 2022 Creative Yarn Crafts
</p>
</footer>
</body>
</html>