Skip to content
Snippets Groups Projects
Commit 90c6b735 authored by lordjbs's avatar lordjbs
Browse files

updated materialize which made it much more broken

parent ec3e7077
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/html/index.html
+ 87
− 85
View file @ 90c6b735
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script
src="jquery.min.js"></script>
<script src="js.cookie-2.2.0.min.js"></script>
<script src="requesthandler.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="jquery.min.js"></script>
<script src="js.cookie-2.2.0.min.js"></script>
<script src="requesthandler.js"></script>
</head>
<body>
<div class=".page-flexbox-wrapper">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
......@@ -33,9 +32,9 @@
"theme": "edgeless",
"position": "bottom-right"
})});
</script>
<style>
body {
</script>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
......@@ -44,82 +43,85 @@
flex: 1 0 auto;
}
.footerz {
bottom: 0;
position: absolute;
width: 100%;
}
.page-flexbox-wrapper{
display: flex;
min-height: 100vh;
flex-direction: column;}
.bt1 {
position: absolute;
left:0%;
}
</style>
<header>
<nav class="green lighten-1" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo">Shortnex</a>
<ul class="right hide-on-med-and-down">
<li><a href="https://github.com/lordjbs/Shortnex">Github</a></li>
<li><a onclick="registerColor()"><i class="material-icons left">opacity</i></a></li>
</style>
<header>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="https://github.com/lordjbs/Shortnex">Github</a></li>
<li><a onclick="registerColor()"><i class="material-icons left">opacity</i></a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
</header>
<main id="main">
<div class="section no-pad-bot middleContent" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center green-text">Shorten a link.</h1>
<div class="row center">
<h5 class="header col s12 light" id="u">Shortened URL: </h5>
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">Shortnex</a>
<a href="#" data-target="sidenav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="https://github.com/lordjbs/Shortnex">Github</a></li>
<li><a onclick="registerColor()"><i class="material-icons left">opacity</i></a></li>
</ul>
</div>
<div class="row center">
<form class="col s12">
<div class="row">
<div class="input-field col s6" style="left: 25% !important;">
<input placeholder="https://somx.me" id="url" type="text" class="validate">
<label for="url">URL</label>
</div>
</div>
</form>
<form class="col s12" id="tokenholder">
</nav>
<ul class="sidenav" id="sidenav">
<li><a href="https://github.com/lordjbs/Shortnex">Github</a></li>
<li><a onclick="registerColor()"><i class="material-icons left">opacity</i></a></li>
</ul>
</header>
<main id="main">
<div class="section no-pad-bot middleContent" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center green-text">Shorten a link.</h1>
<div class="row center">
<h5 class="header col s12 light" id="u">Shortened URL: </h5>
</div>
<div class="row center">
<form class="col s12">
<div class="row">
<div class="input-field col s6" style="left: 25% !important;">
<input placeholder="Token" id="token" type="password" class="validate">
<label for="token">TOKEN</label>
</div>
<div class="input-field col s6" style="left: 25% !important;">
<input placeholder="https://somx.me" id="url" type="text" class="validate">
<label for="url">URL</label>
</div>
</div>
</form>
</form>
<button id="shortenz" class="btn-large waves-effect waves-light green" onclick="pressed()">Shorten!</button>
<button id="shortenz" class="btn-large waves-effect waves-light green" onclick="pressed()">Shorten!</button>
<form class="col s12" id="tokenholder">
<div class="row">
<div class="input-field col s6" style="left: 25% !important;">
<input placeholder="Token" id="token" type="password" class="validate">
<label for="token">TOKEN</label>
</div>
</div>
</form>
</div>
<br><br>
<!-- <button onclick="registerColor()" id="re" class="bt1 waves-effect waves-light green btn"><i class="material-icons left">opacity</i> Change Color</button> -->
</div>
<br><br>
<!-- <button onclick="registerColor()" id="re" class="bt1 waves-effect waves-light green btn"><i class="material-icons left">opacity</i> Change Color</button> -->
</div>
</div>
<main>
<footer class="page-footer green footerz">
<div class="container">
</div>
<div class="footer-copyright">
</div>
</div>
</main>
<footer class="page-footer green ">
<div class="container">
</div>
<div class="footer-copyright">
<div class="container">
Shortnex | Made with <3 by lordjbs.
Shortnex | Made with <3 by lordjbs. </div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
</body>
</html>
</footer>
<script>
$(document).ready(function(){
$('.sidenav').sidenav();
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> </div>
</body>
</html>
\ No newline at end of file
public/html/requesthandler.js
+ 1
− 1
View file @ 90c6b735
......@@ -44,7 +44,7 @@ function addTokenbar(boolean) {
document.getElementById("tokenholder").style.visibility='visible';
} else {
istokenactive = false; document.getElementById("tokenholder").style.visibility='hidden';
document.getElementById("shortenz").style.top='-90px';
}
......
public/html/style.css
+ 10
− 1
View file @ 90c6b735
......@@ -5,4 +5,13 @@ body {
}
main {
flex: 1 0 auto;
}
\ No newline at end of file
}
.middleContent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 4%;
margin-bottom: 4%;
}
\ No newline at end of file
tdb.db 0 → 100644
+ 0
− 0
View file @ 90c6b735
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment