-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (151 loc) · 11.4 KB
/
index.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">
<link rel="stylesheet" href="assets/css/main.css">
<!-- SEO Canonical -->
<link rel="canonical" href="https://thekicker.github.io/Fiesta-Color-Guide">
<!-- Google Search Console -->
<meta name="google-site-verification" content="MIr6g1JGCFPrUQBIekqgeLUGX-2HAP2S31UZnubSfO4" />
<!-- HTML Meta Tags -->
<title>The Unofficial Fiesta Color Guide - Dinnerware Made in the USA since 1871</title>
<link rel="apple-touch-icon" sizes="180x180" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/favicon-16x16.png">
<link rel="manifest" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/site.webmanifest">
<link rel="mask-icon" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Often touted as 'The Most Famous Dinnerware in the World', Fiesta dinnerware has been a fan-favorite and an American icon since its introduction at the annual Pottery and Glass Exhibit in Pittsburgh during January of 1936. Designed in the bold Art Deco styling by Frederick Hurten Rhead, Fiesta dinnerware encourages you to mix and match for the perfect tablescape with their variety of colors. ">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://thekicker.github.io/Fiesta-Color-Guide/">
<meta property="og:type" content="website">
<meta property="og:title" content="The Unofficial Fiesta Color Guide - Dinnerware Made in the USA since 1871">
<meta property="og:description" content="Often touted as 'The Most Famous Dinnerware in the World', Fiesta dinnerware has been a fan-favorite and an American icon since its introduction at the annual Pottery and Glass Exhibit in Pittsburgh during January of 1936.">
<meta property="og:image" content="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/FTC-OOGP.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="thekicker.github.io">
<meta property="twitter:url" content="https://thekicker.github.io/Fiesta-Color-Guide/">
<meta name="twitter:title" content="The Unofficial Fiesta Color Guide - Dinnerware Made in the USA since 1871">
<meta name="twitter:description" content="Often touted as 'The Most Famous Dinnerware in the World', Fiesta dinnerware has been a fan-favorite and an American icon since its introduction at the annual Pottery and Glass Exhibit in Pittsburgh during January of 1936.">
<meta name="twitter:image" content="https://thekicker.github.io/Fiesta-Color-Guide/assets/images/FTC-OOGP.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7E26HLBVC6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7E26HLBVC6');
</script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/main.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
</head>
<body>
<div class="bg-black text-light">
<header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 px-2 border-bottom">
<div class="col-md-3 mb-2 mb-md-0 h5">
The Unofficial Fiesta Color Guide
</div>
<div class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<a href="index.html" class="nav-link px-2 text-white">Colors</a>
<a href="history.html" class="nav-link px-2 text-white">History</a>
</div>
<div class="col-md-3 text-end">
<img src="assets/images/made-in-usa.png" id="made-in-usa" alt="Fiesta 'Made in the USA' sticker, an American flag with text">
</div>
</header>
</div>
<div class="container">
<div class="jumbo">
<div class="jumbo-half">
<img src="assets/images/FeaturesBenefits.jpg" class="jumbo-image" alt="Fiesta Dinnerware Features and Benefits from it's website. Made in the USA since 1936, 5 year limited chip replacement, oven safe up to 350 degrees, lead safe, microwave safe, and dishwasher safe."/>
</div>
<div class="jumbo-half">
<h2>Meet Fiesta</h2>
<p class="lead">
Often touted as 'The Most Famous Dinnerware in the World', <a href="https://fiestafactorydirect.com" target="_blank" rel="noopener">Fiesta</a> dinnerware has been a fan-favorite and an American icon since its introduction at the annual Pottery and Glass Exhibit in Pittsburgh during January of 1936. Designed in the bold Art Deco styling by <a href="https://en.wikipedia.org/wiki/Frederick_Hurten_Rhead" target="_blank" rel="noopener">Frederick Hurten Rhead</a>, Fiesta dinnerware encourages you to mix and match for the perfect tablescape with their variety of colors.
</p>
<p class="lead">
This is an Unofficial Color Guide for Fiesta Dinnerware Colors from the beginning in 1936 to today, includes original and post 86 colors. Uses publicly available resources, pictures, and online bloggers.
</p>
<p>
*This project is not affiliated with or endorsed by The Fiesta Tableware Company.
</p>
<br>
<div class="d-flex">
<a href="https://fiestafactorydirect.com" target="_blank" class="btn-black"><i class="fas fa-external"></i> Shop Now</a>
<a href="https://github.com/TheKicker/Fiesta-Color-Guide" target="_blank" class="btn-black"><i class="fab fa-github"></i> Github</a>
</div>
</div>
</div>
<div class="py-4 text-center">
<h2>Fiesta History in Living Color</h2>
<div id="color-ribbon"></div>
</div>
<div class="d-flex">
<div class="d-col">
<label for="filterSelection">Choose a filter:</label>
<select id="filterSelection" name="filterSelection">
<option value="None" selected>None</option>
<option value="Shade">Shade</option>
<option value="Year">Year</option>
<option value="Current">Current</option>
</select>
</div>
<div class="d-col">
<label id="shadeFilterLabel" for="shadeFilter">Choose a Shade:</label>
<select id="shadeFilter" name="shadeFilter">
<option value="Red">Red</option>
<option value="Orange">Orange</option>
<option value="Yellow">Yellow</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
<option value="Purple">Purple</option>
<option value="White">White</option>
<option value="Black">Black</option>
<option value="Brown">Brown</option>
</select>
</div>
<div class="d-col">
<label id="yearFilterLabel" for="yearFilter">Choose a year:</label>
<select id="yearFilter" name="yearFilter">
<option value="Current">Current</option>
<option value="Original">Original</option>
<option value="Post86">Post86</option>
<option value="1930">1930s</option>
<option value="1940">1940s</option>
<option value="1950">1950s</option>
<option value="1960">1960s</option>
<option value="1970">1970s</option>
<option value="1980">1980s</option>
<option value="1990">1990s</option>
<option value="2000">2000s</option>
<option value="2010">2010s</option>
<option value="2020">2020s</option>
</select>
</div>
</div>
<div id="output"></div>
</div>
<img src="assets/images/Fiesta-Plate-Stack-2023.png" class="bottom-stack" alt="A horizontal stack of Fiesta's plates aligned in a colorful rainbow. "/>
<footer>
<img src="assets/images/made-in-usa.png" class="made-in-usa" alt="Fiesta 'Made in the USA' sticker, an American flag with text">
<p>
Unofficial color guide for Fiesta Colors from the beginning in 1936 to today, includes original and post 86 colors. <br> This project is not affiliated with or endorsed by The Fiesta Tableware Company. <br> Fiesta is a registered trademark of The Fiesta Tableware Company.
</p>
<div><a href="https://cavlemasters.com" target="_blank" rel="noopener"> Made by Cav</a> / <a href="https://github.com/TheKicker/FTC-Colors/stargazers" target="_blank" rel="noopener"><i class="fas fa-star"></i> on Github</a></div>
</footer>
<!-- Bootstrap 5 JS w/Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
<script src="assets/js/index.js" async defer></script>
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="cavlemasters" data-description="Support me on Buy me a coffee!" data-message="Thank you for visiting, buy me a coffee?" data-color="#FF813F" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
</body>
</html>