forked from STForScratch/website3
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (128 loc) · 4.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>ScratchTools</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/navbar.css" rel="stylesheet" type="text/css" />
<link href="/css/banner.css" rel="stylesheet" type="text/css" />
<link href="/css/top-features.css" rel="stylesheet" type="text/css" />
<link href="/css/footer.css" rel="stylesheet" type="text/css" />
<link href="/css/buttons.css" rel="stylesheet" type="text/css" />
<link href="https://raw.githubusercontent.com/STForScratch/ScratchTools/main/extras/icon128.png" rel="icon" />
</head>
<body>
<div class="navbar">
<a href="/">
<img src="https://github.com/STForScratch/ScratchTools/blob/main/extras/icon128.png?raw=true" class="logo">
</a>
<span></span>
<a href="/">
<span class="navbar-item title">ScratchTools</span>
</a>
<div class="right-side">
<a href="https://github.com/stforscratch/scratchtools"><span class="navbar-item">GitHub</span></a>
<a href="https://docs.scratchtools.app"><span class="navbar-item">Docs</span></a>
<a href="https://chrome.google.com/webstore/detail/scratchtools/jjnpbalpllpfdpgplpbcbadkgdmleopm"><span class="navbar-item install">Install</span></a>
</div>
</div>
<div class="banner">
<div class="banner-section">
<img src="settings.png">
</div>
<div class="banner-section slogan">
The perfect extension for Scratch.
</div>
</div>
<div class="content">
<h2>About ScratchTools</h2>
<p>ScratchTools is a community-built Chrome and Firefox extension made for Scratch. It makes Scratching easier, through dozens of edits to the Scratch UI to make Scratch better than ever. Our group of developers, artists, brainstormers, beta testers, and press release managers all come from Scratch.</p>
<a href="https://docs.scratchtools.app"><button>Read the Docs</button></a>
<h2>Top Features</h2>
<div class="features">
<div class="feature">
<img src="https://stforscratch.github.io/data/images/project-timer.png">
<h3>Project Timer</h3>
<p>Displays the amount of time (in seconds) that the project has been running for.</p>
</div>
<div class="feature">
<img src="https://stforscratch.github.io/data/images/custom-fonts.png">
<h3>Custom Website Font</h3>
<p>On the Scratch website, you can set the font to whatever font you want, as long as it is on the Google Fonts website. This is case-sensitive.</p>
</div>
<div class="feature">
<img src="https://stforscratch.github.io/data/images/collapse-blocks.png">
<h3>Collapse Blocks</h3>
<p>Right-click block menus in the editor include a button that will let you collapse the selected block.</p>
</div>
<a href="/features"><button>All Features</button></a>
</div>
<h2>Install</h2>
<p style="margin-bottom: -2rem;">Download ScratchTools today so you can use it in your very own browser!</p>
<div class="split-sections">
<div class="section-left">
<h4>ScratchTools is available on Chrome, Firefox, and Microsoft Edge!</h4>
<a href="https://chrome.google.com/webstore/detail/scratchtools/jjnpbalpllpfdpgplpbcbadkgdmleopm"><button>Chrome</button></a>
<a href="https://addons.mozilla.org/en-US/firefox/addon/scratchtools/"><button>Firefox</button></a>
<a href="https://microsoftedge.microsoft.com/addons/detail/scratchtools/aaidjeidbnhpjhblbianjeghjopbimmk"><button>Edge</button></a>
</div>
<div class="section-right">
<h1 class="count">A lot</h1>
<h4>Users</h4>
</div>
</div>
</div>
<div class="footer">
<div class="footer-section-1">
<b>Pages</b>
<a href="/">
Home
</a>
<a href="/features/">
Features
</a>
<a href="https://docs.scratchtools.app/docs/faq">
FAQ
</a>
<a href="https://docs.scratchtools.app/docs/category/contributing">
Contributing
</a>
<a href="https://scratchtools.app/contributors/">
Credits
</a>
</div>
<div class="footer-section-2">
<b>Resources</b>
<a href="https://github.com/STForScratch/ScratchTools">
Repository
</a>
<a href="https://docs.scratchtools.app">
Documentation
</a>
<a href="/feedback/">
Feedback
</a>
<a href="https://github.com/STForScratch">
Organization
</a>
</div>
<div class="footer-section-3">
<b>Social Media</b>
<a href="https://youtube.com/@scratchtools">
YouTube
</a>
<a href="https://discord.gg/rwAs5jDrTQ">
Community Discord
</a>
<a href="https://discord.gg/kzScDPxE9J">
Development Discord
</a>
<a href="https://twitter.com/ST_ForScratch">
Twitter
</a>
</div>
</div>
<script src="script.js"></script>
</body>
</html>