This repository has been archived by the owner on Jan 16, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vegan.html
110 lines (110 loc) · 7.15 KB
/
vegan.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
<!DOCTYPE html>
<html>
<head>
<title>AltFood Reviews</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/bootstrap-template.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/food.css" type="text/css" media="screen"/>
<style>
.tastedDate { float: right; font-style: italic }
.bg-Milk { background-color: #4C4C4C }
.bg-Cheese { background-color: #4C4C16 }
.bg-Egg { background-color: #60605E }
.bg-Beef { background-color: #4C2807 }
.bg-Poultry { background-color: #4C1A0A }
.bg-MiscDairy { background-color: #635D4D }
.bg-MiscMeat { background-color: #4C2600 }
.bg-Combination { background-color: #30304C }
.card-body > .row { padding-top: 10px }
.smaller { font-size: x-small }
</style>
</head>
<body class="bg-dark text-white">
<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
<div class="navbar-brand col-sm-3 col-md-2 mr-0">
<a href="#" onClick="javascript:LoadCategory();return false;"><i class="emoji e1F346"></i> AltFood Reviews</a>
<button id="hammeOfBurge" class="btn btn-secondary sm-only">Categories</button>
</div>
<ul class="navbar-nav px-3 hide-sm">
<li class="nav-item text-nowrap">
<a class="copyrightLink" href="#copyright">© 2020 Sean Finch / Haunted Bees Productions</a>
</li>
</ul>
<div id="moreInfo" class="navbar-brand col-sm-12 sm-only" style="display:none">
<ul class="categories nav flex-column"></ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<nav class="col-md-2 d-none d-md-block sidebar">
<div class="sidebar-sticky">
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-white-50">
<span>Category</span>
</h6>
<ul class="categories nav flex-column"></ul>
</div>
</nav>
<main id="main" role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"></main>
<footer class="footer fixed-bottom sm-only">
<a class="copyrightLink" href="#copyright">© 2020 Sean Finch / Haunted Bees Productions</a>
</footer>
</div>
</div>
<div id="textTemplates" style="display:none">
<div id="welcomeMessage">
<h4 class="px-3 mt-4 mb-1">AltFood Reviews v1.0</h1>
<hr>
<p class="px-4">Hey hi do you enjoy things like meat and dairy, but do not want to consume actual meat or dairy for whatever reason? Relatable! Unfortunately, a lot of meat
and dairy substitutes kind of suck. Or at least, that's the common perception. So many fake meats, so few that actually taste or feel like meats!</p>
<p class="px-4">That's where this site comes in! I'm on a quest to try as many of them as I can so you don't have to, then I rate them based on how accurate they are in terms
of flavor and texture, as well as if they taste good in general (sometimes they taste good even if they aren't super accurate)! I'm not a vegan or vegetarian, nor am I being
paid by the vegan mafia, so I have no stakes in the game. I calls 'em like I sees 'em.</p>
<p class="px-4">If you have any comments, suggestions, criticisms, complaints, or recommendations, hit me up at <a href="mailto:fench@hauntedbees.com">fench@hauntedbees.com</a> or on Twitter at
<a href="https://twitter.com/hauntedbees" target="_blank">@hauntedbees</a>.
</p>
<h4 class="px-3 mt-4 mb-1">Latest Reviews</h1>
<hr>
<div class="latestReviews"></div>
</div>
<div id="copyrightInfo">
<h4 class="px-3 mt-4 mb-1">AltFood Reviews Legal Deets</h4>
<hr>
<p class="px-4">Veggie Reviews is © 2018-2020 <a href="mailto:fench@hauntedbees.com">Sean Finch</a> and <a href="https://www.hauntedbees.com">Haunted Bees Productions</a>. All source code is licensed under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html" target="_blank">GNU AGPLv3</a> license. All reviews are my own and are licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a> license. Emoji display is handled by <a href="https://github.com/twitter/twemoji" target="_blank">Twemoji</a>, which is used under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a> license.</p>
<p class="px-4">Haunted Bees Productions is not affiliated with any of the companies, products, or websites mentioned or linked to on this page.</p>
<p class="px-4">We use a self-hosted <a href="https://awstats.sourceforge.io/" target="_blank">AWStats</a> installation for webpage analytics. Your data will never leave Haunted Bees' servers or shared with anybody else. We just want to know where people are coming from in the event this page gets popular or something, you know what I mean? Like, do we thank some blogger? A Facebook post? Reddit? Only one way to find out and that's analytics, baby!</p>
</div>
<div id="noResults">
<p class="px-4">No Results Found. Try searching for a specific ingredient like "pepper" or "beef" and use the filters to specify dietary restrictions and recipe types.</p>
</div>
</div>
<div id="template" style="display:none">
<div class="card bg-{type}">
<div class="card-header">
<span><i class="emoji e{typeIcon}"></i></span>
<strong><a href="{link}" target="_blank" title="See its official website">{title}</a></strong>
<span class="tastedDate">{date}</span>
</div>
<div class="card-body">
{text}
<div class="row">
<div class="col-6">
<strong>Rating: </strong> {rating}
</div>
<div class="col-6">
<strong>Unit Price: </strong> {price}
</div>
</div>
</div>
<ul class="list-group list-group-flush list-group-sm">
<li class="list-group-item">Dietary Restrictions: {diet}</li>
</ul>
</div>
</div>
<script src="js/twemoji.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/veg_data.js"></script>
<script src="js/veg.js"></script>
</body>
</html>