Skip to content

Commit

Permalink
Download Windows Page
Browse files Browse the repository at this point in the history
  • Loading branch information
mt-xing committed Sep 21, 2019
1 parent 2eab893 commit f5aa41f
Show file tree
Hide file tree
Showing 3 changed files with 110 additions and 0 deletions.
Binary file added download/download-win.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added download/extract-win.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
110 changes: 110 additions & 0 deletions download/win.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html>
<head>
<title>Download Flourish - Windows</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.png"/>

<style>
body {
background:rgb(21,48,73);
color:white;
font-family:"Montserrat", sans-serif !important;
padding-left:50vw;
padding-top:10vh;
padding-right:3vw;
}

h1.gameTitle {
position:fixed;
top:50%;
transform:translateY(-50%);
left:0;
display:inline-block;
}
h1 img{
max-width:50vw;
}

p a{
color:white !important;
}
p a:hover{
text-decoration: none;
}
p a:active{
text-decoration: underline;
}

code {
font-size:16px;
background:#2c3e50;
padding: 3px 10px;
border-radius:5px;
}

.downloadLinks {
margin-top:50px;
margin-bottom: 10vh;
}
.downloadLinks a{
display:inline-block;
padding: 20px 30px;
font-size: 150%;
background:#16a085;
cursor:pointer;
color:white;
text-decoration: none;
opacity:1;
transition: opacity 0.1s ease-in-out;
margin-bottom: 10px;
}
.downloadLinks a:hover{
opacity:0.9;
}
.downloadLinks a:active{
opacity:1;
text-decoration: none;
}

@media(max-width: 650px){
body{
padding-left:3vw;
padding-top:0;
}
h1.gameTitle{
position:static;
transform:none;
text-align: center;
display:block;
margin:none;
}
.gameTitle img{
max-width:100%;
max-height:50vh;
}
}
</style>
</head>
<body>
<h1 class="gameTitle"><img src="../sp/flourish_explode_14.png" alt="Flourish" /></h1>
<h1>Download For Windows</h1>
<p>Your download should start automatically. If not, click <a href="/">here</a> to start it.</p>

<h2>Step 1: Download</h2>
<p>Save the zip file.</p>
<p><img src="download-win.png" alt="Downloaded file" /></p>

<h2>Step 2: Extract</h2>
<p>
Open the zip file and click <code>Extract All</code> in the ribbon at the top of the window.
Follow the onscreen instructions to choose where to extract your file.
</p>
<p><img src="extract-win.png" alt="Extract" /></p>

<h2>Step 3: Play</h2>
<p>Open the extracted folder and double click <code>Flourish.exe</code> to launch the game.</p>

<p class="downloadLinks"><a href="/">Return Home</a></p>
</body>
</html>

0 comments on commit f5aa41f

Please sign in to comment.