arch/notdonemywebsite
1
0
Fork 0
mirror of https://github.com/gmemstr/notdonemywebsite.git synced 2024-09-19 21:51:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add material-inspired template.

Browse source
This commit is contained in:
gsimmer 2018-10-08 19:37:06 -07:00
parent 370b3e45c0
commit a9fa98b62c
4 changed files with 60 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/app.js
View file

@ -25,4 +25,5 @@ var downloadPage = () => {
pageContents = pageContents.replace("rep_SURL", document.getElementById("url").value) pageContents = pageContents.replace("rep_SURL", document.getElementById("url").value)
download(pageContents, "index.html", "text/html") download(pageContents, "index.html", "text/html")
} }
getTemplateHtml("original");

5
index.html
View file

@ -19,6 +19,7 @@
<h2>Theme</h2> <h2>Theme</h2>
<button class="themebtn" id="original" onclick="getTemplateHtml('original')">Original</button> <button class="themebtn" id="original" onclick="getTemplateHtml('original')">Original</button>
<button class="themebtn" id="fork" onclick="getTemplateHtml('fork')">Fork</button> <button class="themebtn" id="fork" onclick="getTemplateHtml('fork')">Fork</button>
<button class="themebtn" id="material" onclick="getTemplateHtml('material')">Material</button>
</div> </div>
<!-- Colour inputs --> <!-- Colour inputs -->
<!-- <div id="themeclrs"> <!-- <div id="themeclrs">
@ -42,9 +43,7 @@
<a href="#" style="display:none;" id="dl">dl</a> <a href="#" style="display:none;" id="dl">dl</a>
</div> </div>
</nav> </nav>
<iframe id="iframe" src="#" frameborder="0" class="content"> <iframe id="iframe" src="#" frameborder="0" class="content"></iframe>
Hi
</iframe>
<script type="text/javascript" src="https://cdn.rawgit.com/rndme/download/31cf0fa0/download.min.js"></script> <script type="text/javascript" src="https://cdn.rawgit.com/rndme/download/31cf0fa0/download.min.js"></script>
<script type="text/javascript" src="assets/app.js"></script> <script type="text/javascript" src="assets/app.js"></script>
</body> </body>

2
template/fork.html
View file

@ -41,7 +41,7 @@
<body> <body>
<header> <header>
<div class="container"> <div class="container">
<h1 id="sitename">rep_SNAME</h1> <h1 id="url">rep_URL</h1>
</div> </div>
</header> </header>

55
template/material.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>rep_SNAME</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
* {
padding: 0;
margin: 0;
}
body{
font-family: 'Roboto', sans-serif;
background-color: #FFFFFF;
font-weight: 400;
}
header {
background-color: #2196F3;
padding: 20px;
-webkit-box-shadow: 0px 5px 20px -9px rgba(0,0,0,1);
-moz-box-shadow: 0px 5px 20px -9px rgba(0,0,0,1);
box-shadow: 0px 5px 20px -9px rgba(0,0,0,1);
}
header h1 {
font-weight: 300;
color:#FFFFFF;
}
main {
position: fixed;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
main p {
margin-top: 10px;
}
.pull-right {
float: right;
}
</style>
</head>
<body>
<header>
<h1 id="sitename">rep_SNAME</h1>
</header>
<main>
<p>We're working hard to get <span id="url">rep_URL</span> online! Hang tight :)</p>
<p class="pull-right"> - <span id="devname">rep_DEVNAME</span></p>
</main>
</body>
</html>