-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprices.html
109 lines (109 loc) · 5.98 KB
/
prices.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Stylesheets -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Baloo+Tamma+2&display=swap" rel="stylesheet">
<link href="files/style.css" rel="stylesheet">
<script async src="https://arc.io/widget.min.js#xp6hQxrt"></script>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="files/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="files/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="files/favicon/favicon-16x16.png">
<link rel="manifest" href="files/favicon/site.webmanifest">
<link rel="mask-icon" href="files/favicon/safari-pinned-tab.svg" color="#82d178">
<link rel="shortcut icon" href="files/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-config" content="files/favicon/browserconfig.xml">
<meta name="theme-color" content="#82d178">
<!-- Twitter -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@_danGEr_nOODL"/>
<meta name="twitter:title" content="Prices | grain of sand"/>
<meta name="twitter:description" content="grain of sand is an artist and twitch streamer. You can look at their commission prices here."/>
<!-- Google -->
<meta name="description" content="grain of sand is an artist and twitch streamer. You can look at their commission prices here.">
<meta name="robots" content="all">
<!-- Discord -->
<meta property="og:title" content="Prices | grain of sand" >
<meta property="og:description" content="grain of sand is an artist and twitch streamer. You can look at their commission prices here.">
<meta property="og:image" itemprop="image" content="https://grainofsand.art/files/avatar.webp">
<meta property="og:locale" content="en_US">
<!-- Misc extra stuff -->
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prices | grain of sand</title>
<style>
li > button {
font-size: 13.5px;
}
img {
width: 50%;
height: 50%;
}
</style>
</head>
<body onload="jsLoad();">
<script>
function jsLoad() {
document.body.style.visibility='visible';
}
</script>
<h1 class="center">Commission Prices</h1>
<p>Thanks for wanting to <a href="commission.html">make a commission!</a> All prices are displayed in USD.</p>
<ul>
<li>OC Ref Sheet - $6.00 <button onclick="document.getElementById('ref-sheet').scrollIntoView();">View Example</button></li>
<li>Banner - $6.00 <button onclick="document.getElementById('banner').scrollIntoView();">View Example</button></li>
<li>Profile Picture - $4.00 <button onclick="document.getElementById('profile').scrollIntoView();">View Example</button></li>
<li>Stickers - $2.00/sticker <button onclick="document.getElementById('sticker').scrollIntoView();">View Example</button></li>
<li>Animation - Starting at $12.00 <button onclick="document.getElementById('animation').scrollIntoView();">View Example</button></li>
</ul>
<h2>Example Art</h2>
<p id="low-quality">Note: All images are displayed at a lower quality.</p>
<h3 id="ref-sheet">OC Ref Sheet - $6.00</h3>
<picture>
<source type="image/webp" srcset="files/examples/ref_sheet.webp">
<source type="image/png" srcset="files/examples/ref_sheet.png">
<img class="smaller-image-on-pc" src="files/examples/ref_sheet.png" alt="A reference sheet for an original character."/>
</picture>
<h3 id="banner">Banner - $6.00</h3>
<picture>
<source type="image/webp" srcset="files/examples/bongo_banner.webp">
<source type="image/png" srcset="files/examples/bongo_banner.png">
<img src="files/examples/bongo_banner.png" alt="A banner with many ducks in different positions."/>
</picture>
<h3 id="profile">Profile Picture - $4.00</h3>
<picture>
<source type="image/webp" srcset="files/examples/king_closeup.webp">
<source type="image/png" srcset="files/examples/king_closeup.png">
<img class="smaller-image-on-pc" src="files/examples/king_closeup.png" alt="A closeup of a king thinking that could be a profile picture."/>
</picture>
<h3 id="sticker">Stickers - $2.00/sticker</h3>
<picture>
<source type="image/webp" srcset="files/examples/sleepy_furry.webp">
<source type="image/png" srcset="files/examples/sleepy_furry.png">
<img class="smaller-image-on-pc" src="files/examples/sleepy_furry.png" alt="A sleepy dog furry with a pillow sticker."/>
</picture>
<h3 id="animation">Animation - Starting at $12.00</h3>
<iframe id="youtube-video" title="An example animation video by grain of sand on YouTube." width="560" height="315" src="https://www.youtube-nocookie.com/embed/RRQkUvdXTTo?modestbranding=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>The Video is not Loading! Try viewing it at https://youtu.be/RRQkUvdXTTo</iframe>
</body>
<footer>
<br/><div class="bottom">
<picture>
<source type="image/webp" srcset="files/copyright.webp">
<source type="image/png" srcset="files/copyright.png">
<img src="files/copyright.png" class="cemoji" alt="©️"/>
</picture> Copyright 2021 grain of sand - This Website is Under the <a href="https://github.com/grain-ofsand/grain-ofsand.github.io/blob/master/LICENSE">GPL-3.0 License</a></div>
<div class="bottom2">
<div>
<picture>
<source type="image/webp" srcset="files/copyright.webp">
<source type="image/png" srcset="files/copyright.png">
<img src="files/copyright.png" class="cemoji" alt="©️"/>
</picture> Copyright 2021 grain of sand</div>
<div>This Website is Under the <a href="https://github.com/grain-ofsand/grain-ofsand.github.io/blob/master/LICENSE">GPL-3.0 License</a></div>
</div>
</footer>
</html>