Skip to content
Snippets Groups Projects
Commit 0473e85b authored by Robert Goldmann's avatar Robert Goldmann
Browse files

merged history and index onto one page (Fixed #1)

parent 51a80af9
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
css/style.css
+ 4
− 0
View file @ 0473e85b
......@@ -30,6 +30,10 @@
border: 1px solid red;
}
.no-transform{
text-transform: none;
}
#headline{
margin-top: 2.5rem;
margin-bottom: 2.2rem;
......
history.php
+ 110
− 140
View file @ 0473e85b
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8"/>
<title>Roadmap</title>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body class="grey lighten-3">
<div id="main">
<div class="container">
<h2 class="center-align" id="headline">PlayWall History</h2>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="col s12 m6">
<div class="card padding white">
<div class="card-content">
<div class="amber lighten-2 center-align margin-bottom">
<div class="grey lighten-2 center-align margin-bottom">
<span class="card-title bold">"Midnight-Update" (v1.3.0)</span>
</div>
<div class="row">
......@@ -70,12 +46,10 @@
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="col s12 m6">
<div class="card padding white">
<div class="card-content">
<div class="amber lighten-2 center-align margin-bottom">
<div class="grey lighten-2 center-align margin-bottom">
<span class="card-title bold">"Sandwich" Release (v1.2.1)</span>
</div>
<div class="row">
......@@ -105,10 +79,10 @@
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="col s12 m6">
<div class="card padding white">
<div class="card-content">
<div class="amber lighten-2 center-align margin-bottom">
<div class="grey lighten-2 center-align margin-bottom">
<span class="card-title bold">First Version (v1.0.0)</span>
</div>
<div class="row">
......@@ -145,7 +119,3 @@
</div>
</div>
</div>
\ No newline at end of file
</div>
</div>
</body>
</html>
\ No newline at end of file
index.php
+ 13
− 0
View file @ 0473e85b
......@@ -104,6 +104,19 @@
</div>
</div>
</div>
<div class="hide-on-med-and-up center-align">
<a class="btn-flat no-transform blue-text margin-bottom" id="button-previousVersions1">Show Previous Versions</a>
</div>
<div class="hide-on-small-only">
<a class="btn-flat no-transform blue-text margin-bottom" id="button-previousVersions2">Show Previous Versions</a>
</div>
<div class="hide" id="previousVersions">
<?php include('history.php'); ?>
</div>
</div>
</div>
</body>
......
js/main.js
+ 77
− 1
View file @ 0473e85b
......@@ -2,4 +2,80 @@ $(document).ready(function(){
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
$('#button-previousVersions1').click(function()
{
togglePreviousVersions();
});
$('#button-previousVersions2').click(function()
{
togglePreviousVersions();
});
});
var hidden = true;
var buttonPreviousVersionShow = "Show Previous Versions";
var buttonPreviousVersionHide = "Hide Previous Versions";
function togglePreviousVersions()
{
var element = document.getElementById('previousVersions');
if(hidden)
{
hideElement(element, false);
document.getElementById('button-previousVersions1').innerHTML = buttonPreviousVersionHide;
document.getElementById('button-previousVersions2').innerHTML = buttonPreviousVersionHide;
hidden = false;
}
else
{
hideElement(element, true);
document.getElementById('button-previousVersions1').innerHTML = buttonPreviousVersionShow;
document.getElementById('button-previousVersions2').innerHTML = buttonPreviousVersionShow;
hidden = true;
}
}
function isNull(object)
{
if(object != "" && object != undefined)
{
return false;
}
else
{
return true;
}
}
function hideElement(element, value)
{
if(value == true)
{
element.classList.add("hide");
}
else
{
if(element.classList.contains("hide"))
{
element.classList.remove("hide");
}
}
}
function fadeIn(element)
{
element.style.opacity = 0;
var op = 0;
var timer = setInterval(function ()
{
if (op >= 0.9){
clearInterval(timer);
element.style.opacity = 1.0;
}
element.style.opacity = op;
op += 0.1;
}, 50);
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment