-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
205 lines (205 loc) · 14.2 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<html><head><meta name="title" content="Splashy Studio™ Website">
<meta name="author" content="MWB,[email protected]">
<meta name="description" content="Splashy Studio™ is art software that lets you paint images or else edit them.">
<meta name="image" content="assets/images/icon.png">
<meta name="application-name" content="Splashy Studio™ Website">
<meta name="keywords" content="splashy,studio,splashystudio,program,art,software,paint,edit,editing,painting,imagepainting,imageediting,picturepainting,pictureediting,website">
<meta name="revised" content="© 2022 Splashy Studio™">
<meta name="url" content="https://splashystudio.github.io">
<meta name="identifier-URL" content="https://splashystudio.github.io">
<meta name="language" content="en">
<meta name="subject" content="Art">
<meta name="copyright" content="MWB,[email protected]">
<meta name="designer" content="MWB,[email protected]">
<meta name="category" content="Art">
<meta name="owner" content="MWB,[email protected]">
<meta name="topic" content="Art">
<meta name="reply-to" content="[email protected]">
<meta name="summary" content="Splashy Studio™ is art software that lets you paint images or else edit them.">
<meta name="classification" content="Art">
<meta property="og:title" content="Splashy Studio™ Website" id="meta-title">
<meta property="og:author" content="MWB,[email protected]">
<meta property="og:description" content="Splashy Studio™ is art software that lets you paint images or else edit them." id="meta-desc">
<meta property="og:image" content="assets/images/icon.png">
<meta property="og:site_name" content="Splashy Studio™">
<meta property="og:url" content="https://splashystudio.github.io">
<meta property="og:type" content="website">
<meta property="og:email" content="[email protected]">
<meta property="og:video" content="https://youtube.com/watch?v=ialsq5Cv2eg">
<meta property="og:video" content="https://youtube.com/embed/ialsq5Cv2eg">
<meta property="og:video" content="Splashy Studio (Trailer)">
<meta property="og:video:width" content="1300">
<meta property="og:video:height" content="725">
<meta property="og:video:type" content="trailer">
<meta property="og:audio" content="https://newgrounds.com/audio/listen/1017383">
<meta property="og:audio" content="https://audio.ngfiles.com/1017000/1017383_Scum.mp3">
<meta property="og:audio:title" content="Scum">
<meta property="og:audio:artist" content="CrispyCroc">
<meta property="og:audio:album" content="Unknown">
<meta property="og:audio:type" content="Experimental">
<meta name="og:title" content="Splashy Studio™ Website">
<meta name="og:author" content="MWB">
<meta name="og:description" content="Splashy Studio™ is art software that lets you paint images or else edit them.">
<meta name="og:image" content="assets/images/icon.png" id="meta-image">
<meta name="og:site_name" content="Splashy Studio™">
<meta name="og:url" content="https://splashystudio.github.io">
<meta name="og:type" content="website">
<meta name="og:email" content="[email protected]">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="og:region" content="PA">
<meta name="og:country-name" content="USA">
<meta name="viewport" content="width=device-width;content=width=500;initial-scale=1.0;maximum-scale=1.0;user-scalable=yes">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-title" content="Splashy Studio™ | MWB">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-status-bar-style" content="blue">
<meta charset="utf-8">
<link rel="icon" href="assets/images/icon.png">
<link rel="shortcut icon" href="assets/images/icon.png">
<link rel="alternate icon" href="assets/images/icon.png">
<link rel="apple-touch-icon" href="assets/images/icon.png">
<link rel="apple-touch-icon-precomposed" href="assets/images/icon.png">
<link rel="apple-touch-startup-image" href="assets/images/icon.png">
<link rel="fluid-icon" href="assets/images/icon.png">
<link rel="canonical" href="https://splashystudio.github.io">
<link rel="shortlink" href="https://splashystudio.github.io">
<link rel="self" href="https://splashystudio.github.io">
<link rel="search" title="Splashy Studio™ Website">
<link rel="author" content="MWB,[email protected]">
<link rel="me" content="https://youtube.com/channel/UC5rY90rYvwHJUHgH7iuSHew?sub_confirmation=1">
<link rel="alternate" title="Splashy Studio™ | MWB" href="https://splashystudio.github.io">
<link rel="index" title="Splashy Studio™ | MWB" href="https://splashystudio.github.io">
<meta name="msapplication-starturl" content="https://splashystudio.github.io">
<meta name="msapplication-window" content="width=1300;height=725">
<meta name="msapplication-navbutton-color" content="blue">
<meta name="msapplication-tooltip" content="Splashy Studio™ | MWB">
<meta name="msapplication-TileImage" content="assets/images/icon.png">
<meta name="msapplication-TileColor" content="#1966ff">
<meta name="pagename" content="Splashy Studio™ | MWB">
<title>Splashy Studio™ | MWB</title></head><body>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" crossorigin>
<script src="https://cdn.jsdelivr.net/combine/npm/[email protected],npm/[email protected]/dist/js/bootstrap.bundle.min.js,npm/@iconify/[email protected]" crossorigin></script>
<script async src="https://googletagmanager.com/gtag/js?id=UA-135255146-3"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','UA-135255146-3');</script>
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<a href="#" class="navbar-brand" title="Splashy Studio™" onclick="alert('You are already on this page!')"><img src="assets/images/icon.png" width="50" height="50" style="border-radius:40%"> <span>Splashy Studio™</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapsible" aria-controls="navbar-collapsible" title="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbar-collapsible">
<ul class="navbar-nav ml-md-auto">
<li class="nav-item"><a class="nav-link" href="https://github.com/SplashyStudio" title="GitHub"><span class="iconify" data-icon="simple-icons:github"><noscript><b>[GitHubIcon]</b></noscript></span> GitHub</a></li>
<li class="nav-item"><a class="nav-link" href="download.html" title="Download"><span class="iconify" data-icon="simple-icons:mediafire"><noscript><b>[MediaFireIcon]</b></noscript></span> Download</a></li>
<li class="nav-item"><a class="nav-link" href="https://splashy-studio.fandom.com" title="Wiki"><span class="iconify" data-icon="simple-icons:fandom"><noscript><b>[FandomIcon]</b></noscript></span> Wiki</a></li>
<li class="nav-item"><a class="nav-link" href="https://youtube.com/channel/UC5rY90rYvwHJUHgH7iuSHew?sub_confirmation=1" title="YouTube"><span class="iconify" data-icon="simple-icons:youtube"><noscript><b>[YouTubeIcon]</b></noscript></span> YouTube</a></li>
<li class="nav-item"><a class="nav-link" href="https://docs.google.com/forms/d/e/1FAIpQLSfjNnl_paiga0lXFX1Pj8pBahuH2qNkZZBI_ja4HbzbVeDS6g/viewform?embedded=true" title="Form"><span class="iconify" data-icon="ic:baseline-text-snippet"><noscript><b>[GoogleFormsIcon]</b></noscript></span> Form</a></li>
<li class="nav-item"><a class="nav-link" href="online.html" title="Online"><span class="iconify" data-icon="icon-park-outline:earth"><noscript><b>[IconifyEarthIcon]</b></noscript></span> Online</a></li>
<li class="nav-item"><a class="nav-link" href="previousSites.html" title="Previous Sites"><span class="iconify" data-icon="icons8:rotate-right"><noscript><b>[IconifyRotateRightIcon]</b></noscript></span> Previous Sites</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section id="intro" class="row px-4 py-5 mb-0 intro-heading text-left" style="background:linear-gradient(to bottom,#0080ff,#0000ff)">
<div class="col-12 col-md-6 py-4 px-3 px-md-4 d-flex justify-content-center" id="intro-info">
<h1 class="display-4 m-0 mb-3 p-0 text-left">Splashy Studio™</h1>
<p class="lead md-4">Splashy Studio™ is art software that lets you paint images or else edit them.</p>
<div id="intro-buttons" class="d-flex align-items-md-center flex-column flex-md-row">
<a id="install-intro" class="btn btn-white btn-lg install-btn" style="background:white" title="Download - Free w/ open source" href="download.html">
<p><span id="install">Download</span></p>
<p>Free w/ open source</p>
</a>
<a href="#features" class="btn" id="read-more" title="Read More">Read More…</a>
</div>
</div>
<div class="col-12 col-md-6" id="intro-img">
<div id="carousel-intro" class="carousel slide h-100" data-interval="false">
<div class="carousel-item-wrapper h-100 d-flex justify-content-center align-items-center p-3">
<iframe width="500" height="500" src="https://youtube.com/embed/ialsq5Cv2eg" frameborder="0" allow="autoplay;encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</section><svg id="divider-1" xmlns="https://www.w3.org/2000/svg" class="w-100" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 0C50 1e2 80 1e2 1e2.0z"/></svg>
<section id="features" class="container text-center">
<h1>Features</h1>
<div class="row-text-left">
<div class="col-12 col-md-6 align-items-center d-flex">
<div class="features-icon">
<div class="features-circle">
<span class="iconify" data-icon="fa-solid:brush" data-inline="false"></span>
</div>
</div>
<div class="feature-info ml-4">
<h3>Painting</h3>
<p>You can paint your own drawings, range the pen size, and change color.</p>
</div>
</div>
<div class="col-12 col-md-6 align-items-center d-flex" style="float:right;margin-top:-168px;">
<div class="features-icon">
<div class="features-circle">
<span class="iconify" data-icon="fa-solid:edit" data-inline="false"></span>
</div>
</div>
<div class="feature-info ml-4">
<h3>Editing</h3>
<p>You can edit image files on your computer by using filters.</p>
</div>
</div>
</div>
</section><svg id="divider-2" xmlns="https://www.w3.org/2000/svg" class="w-100" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 1e2C20 0 50 0 1e2 1e2z"/></svg>
<section id="highlights" style="background:linear-gradient(#0000ff,#0080ff)">
<h2 class="text-center">Highlights</h2>
<p class="text-center mb-3">These are all highlights, so don't worry, <a class="white-underline" style="cursor:pointer" title="More stuff" href="https://splashy-studio.fandom.com/wiki/Splashy_Studio_Wiki">there's more!</a></p>
<div class="container">
<div class="row row-cols-1 row-cols-lg-2 mx-0">
<div class="col mb-2 px-0 px-lg-1">
<div class="card">
<img src="assets/images/customImageMode.png" class="card-img-top">
<div class="card-body">
<h3 class="card-title">Custom Image Mode</h3>
<h5 class="card-text">With this mode, you can paint your own images, change color, and switch the pen size. You can also save your work <b><i>(not completely)</i></b> or delete it.</h5>
</div>
</div>
</div>
<div class="col-mb-2 px-0 px-lg-1">
<div class="card">
<img src="assets/images/editImageMode.png" class="card-img-top">
<div class="card-body">
<h3 class="card-title">Edit Image Mode</h3>
<h5 class="card-text">With this mode, you can do the <b>exact <i>same</i> thing,</b> except there's no painting, but filters are added, and so is being allowed to import images from your computer.</h5>
</div>
</div>
</div>
</div>
</div>
</section><svg id="divider-3" xmlns="https://www.w3.org/2000/svg" class="w-100" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 0C50 1e2 80 1e2 1e2.0z"/></svg>
</main>
<footer class="footer">
<div class="container">
<section class="footer-intro">
<a href="/" class="navbar-brand mb-3" title="Splashy Studio™">
<img src="assets/images/icon.png" class="mr-2" width="50" height="50" style="border-radius:40%"> <span>Splashy Studio™</span>
</a>
<iframe src="https://ghbtns.com/github-btn.html?user=SplashyStudio&repo=splashystudio.github.io&type=star&count=true&size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=MWB6763&type=follow&count=true&size=large" frameborder="0" scrolling="0" width="400" height="30" title="GitHub"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=SplashyStudio&repo=splashystudio.github.io&type=watch&count=true&size=large&v=2" frameborder="0" scroling="0" width="170" height="30" title="GitHub"></iframe>
</section>
<section>
<h3>Pages</h3>
<a href="index.html" title="Home" onclick="alert('You are already on this page!')">Home</a>
<a href="download.html" title="Download">Download</a>
<a href="online.html" title="Online">Online</a>
<a href="previousSites.html" title="Previous Sites">Previous Sites</a>
</section>
<section>
<h3>Resources</h3>
<a href="https://github.com/SplashyStudio" title="GitHub">GitHub</a>
<a href="https://splashy-studio.fandom.com/wiki/Splashy_Studio_Wiki" title="Wiki">Wiki</a>
<a href="https://youtube.com/channel/UC5rY90rYvwHJUHgH7iuSHew?sub_confirmation=1" title="YouTube">YouTube</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfjNnl_paiga0lXFX1Pj8pBahuH2qNkZZBI_ja4HbzbVeDS6g/viewform?embedded=true" title="Form">Form</a>
</section>
<section class="w-100 mt-3" style="text-align:center"><p>© <span id="year"><b><noscript>[year]</noscript></b></span> MWB <b>|</b> Layout inspired by <a href="https://scratchaddons.com" title="scratchaddons.com">scratchaddons.com</a></p></section>
</div>
</footer>
<script>document.getElementById("year").innerHTML=new Date().getFullYear();</script></body></html>