Skip to content

Commit 8da05a8

Browse files
rgantzosrgantzos
committed
Awards
1 parent 9ae53ff commit 8da05a8

File tree

6 files changed

+268
-4
lines changed

6 files changed

+268
-4
lines changed

‎changelog/index.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,9 @@
99
<h1>What's New</h1>
1010
<h2>We did a lot to make this new version amazing.</h2>
1111
</div>
12-
<div class="important">
13-
<h1>Important</h1>
14-
<p>Display names and emoji statuses are now fixed! In addition to this, live support chats and submitting feedback via the extension work as well!</p>
15-
</div>
12+
<a href="/extras/awards/index.html">
13+
<img src="/extras/awards/banner.svg" style="width: 70%; border-radius: .5rem;">
14+
</a>
1615
<h1>Here are some of the features we've added/upgraded</h1>
1716
<div class="new-features">
1817
<div class="new-features-full"></div>

‎extras/awards/banner.svg‎

Lines changed: 128 additions & 0 deletions
Loading

‎extras/awards/index.html‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>The ScratchTools Awards - ScratchTools</title>
5+
<link rel="icon" href="/extras/icons/icon128.png" />
6+
<link rel="stylesheet" href="/extras/awards/style.css" />
7+
<link rel="stylesheet" href="/extras/modals.css" />
8+
<!-- <link rel="stylesheet" href="/extras/styles/light.css" /> -->
9+
<script src="/extras/awards/script.js" defer></script>
10+
<script src="/extras/styles/theme.js" defer></script>
11+
</head>
12+
<body>
13+
<div class="main-page"></div>
14+
<div class="navbar">
15+
<div class="sticon"></div>
16+
</div>
17+
<h1 class="big">The ScratchTools Awards</h1>
18+
<p>
19+
Starting in January 2024, ScratchTools is hosting an annual awards show,
20+
and anyone is welcome to submit a project of their's.
21+
</p>
22+
<b>You may submit any project that you have created already, you do not need to make one specifically for this.</b>
23+
<div class="sides">
24+
<div style="text-align: left;"><h2 style="margin-left: 1em;">Rules</h2>
25+
<ul>
26+
<li>The project must have been shared after February 22nd, 2023</li>
27+
<li>You may only submit one project</li>
28+
<li>The project must be your own</li>
29+
<li>There is only one winner, but you may split the prize with whoever you want</li>
30+
<li>Must submit by January 28th at 5 PM PST</li>
31+
</ul></div>
32+
<div style="text-align: left;"><h2 style="margin-left: 1em;">Prizes</h2>
33+
<ul>
34+
<li>A special badge on your profile viewable with the emoji status feature</li>
35+
<li>ScratchTools settings page theme named after you that you get to customize</li>
36+
<li>Gift card to a store of your choice</li>
37+
<li>Recognition on the awards livestream on February 22nd, 2024</li>
38+
<li>Bragging rights, of course</li>
39+
</ul></div>
40+
</div>
41+
<h2>Ready to submit? It's easy!</h2>
42+
<a href="https://data.scratchtools.app/submission/">
43+
<button>Create/Update Submission</button>
44+
</a>
45+
</body>
46+
</html>

‎extras/awards/script.js‎

Whitespace-only changes.

‎extras/awards/style.css‎

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
2+
3+
html {
4+
height: 100%;
5+
--radius: 0.5rem;
6+
}
7+
8+
body {
9+
margin: 0em;
10+
font-family: "Inter", sans-serif;
11+
background-color: var(--background);
12+
text-align: center;
13+
padding-top: 5rem;
14+
font-size: 1rem;
15+
color:var(--primary-color)
16+
}
17+
18+
h1 {
19+
font-size: 2.5rem;
20+
}
21+
22+
a {
23+
color:var(--primary-color);
24+
text-decoration: none;
25+
}
26+
27+
.navbar {
28+
display: block;
29+
position: fixed;
30+
background: var(--navbar-gradient);
31+
top: 0;
32+
padding-top: 0.5em;
33+
padding-bottom: 0.5em;
34+
margin-left: 0.5em;
35+
z-index: 2;
36+
border: 0px solid black;
37+
position: fixed;
38+
left: 0px;
39+
top: 0px;
40+
width: 100vw;
41+
margin: 0px;
42+
padding-left: 2rem;
43+
}
44+
45+
.sticon {
46+
width: 2.5rem;
47+
height: 2.5rem;
48+
background-image: url("/extras/icons/icontrans128.png");
49+
background-position: 50% 50%;
50+
background-size: 2.5rem 2.5rem;
51+
background-repeat: no-repeat;
52+
display: inline-block;
53+
float: left;
54+
}
55+
56+
button {
57+
background-color: var(--theme);
58+
color: white;
59+
padding: 0.85rem;
60+
border-radius: 0.5rem;
61+
outline: 0px;
62+
border: 0px;
63+
font-family: "Inter", sans-serif;
64+
cursor: pointer;
65+
padding-left: 1.5rem;
66+
padding-right: 1.5rem;
67+
min-width: 7rem;
68+
opacity: 1;
69+
transition: opacity 0.2s;
70+
}
71+
72+
button:hover {
73+
opacity: 0.8;
74+
}
75+
76+
.sides {
77+
display: flex;
78+
flex-direction: row;
79+
}
80+
81+
.sides > div {
82+
flex-basis: 100%;
83+
padding: 3rem;
84+
}
85+
86+
ul > li {
87+
margin-top: .5rem;
88+
}

‎extras/index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,9 @@ <h3>Blocked Users</h3>
8282
</div>
8383
</div>
8484
<div class="sectionwrap">
85+
<a href="/extras/awards/index.html">
86+
<img src="/extras/awards/banner.svg" style="width: 100%; border-radius: .5rem;">
87+
</a>
8588
<div
8689
class="suggested"
8790
style="color: var(--primary-color); display: none"

0 commit comments

Comments
 (0)