Adding Mels first files

This commit is contained in:
bittenbythedark
2019-03-02 16:53:29 +01:00
parent e1c8e3d1b3
commit ee9b6a0d8a
7 changed files with 320 additions and 0 deletions
+26
View File
@@ -0,0 +1,26 @@
<div class="container-fluid" style="border-left-color: white;border-left-style: solid;border-left-width: 1pt;">
<div class="row" >
<div class="col-2 text-center">
<img src="http://www.gravatar.com/avatar/0a16fccd46aca2f77b11b7dff7b3f194?r=x&d=mm&s=48"/><br/>
<span style="font-size:8pt;">Shyotl</span>
</div>
<div class="col-10 text-left" style="border-bottom-color: white;border-bottom-style: solid;border-bottom-width: 1pt;">
<p style="font-size:10pt;">7a047808414d79df4466df6db3b60c6483cc5e88 (2018-04-09 07:36:30)</p>
<p style="font-size:8pt;">Merge branch 'master' of git@github.com:Shyotl/SingularityViewer.git</p>
</div>
</div>
<div class="row" >
<div class="col-2 text-center">
<img src="http://www.gravatar.com/avatar/0a16fccd46aca2f77b11b7dff7b3f194?r=x&d=mm&s=48"/><br/>
<span style="font-size:8pt;">Shyotl</span>
</div>
<div class="col-10 text-left" style="border-bottom-color: white;border-bottom-style: solid;border-bottom-width: 1pt;">
<p style="font-size:10pt;">d3e1edcc9357240e216da928773ff5d4db23554f (2018-04-01 07:36:30)</p>
<p style="font-size:8pt;">Windows dpi scaling</p>
</div>
</div>
</div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

+210
View File
@@ -0,0 +1,210 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Singularity viewer alpha builds</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./singularity.css">
<script>
function toggleChangelog(divId) {
if($(divId).children().length == 0 ){
$(divId).load("change6994.html");
} else {
$(divId).empty();
}
}
</script>
</head>
<body>
<div class="container-fluid">
<!--<div style="height: 144px;width:944px;background-image: url('http://alpha.singularityviewer.org/alpha/images/singularity_logo.gif');display:table;"><h4 class="text-right align-bottom" style="height:100%;display:table-cell; vertical-align:middle">Automated alpha builds</h4></div>-->
<div class="row croppedheader">
<div class="col-3"></div>
<div class="col-6">
<div style="height: 144px;display:table;background-color: white"><img src="http://alpha.singularityviewer.org/alpha/images/singularity_logo.gif"/></div>
</div>
<div class="col-3"></div>
</div>
<div class="row alphatitle">
<div class="col-7"></div>
<div class="col-3">
<div style="height: 144px;display:table;"><h4 class="text-right align-bottom" style="height:100%;display:table-cell; vertical-align:middle">Automated alpha builds</h4></div>
</div>
<div class="col-2"></div>
</div>
<div class="row" style="margin-top:10px;">
<div class="col-3"><p class="text-right">Select a channel:</p></div>
<div class="col-1"><select>
<option value="SingularityAlpha">SingularityAlpha</option>
<option value="Second channel">Second channel</option>
<option value="Third Channel">Third Channel</option>
</select></div>
<div class="col-6">
<nav>
<ul class="pagination pagination-sm justify-content-end">
<li class="page-item">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true"><< Previous</a>
</li>
<span class="page-number">page 1 of 9&nbsp;</span>
<li class="page-item">
<a class="page-link" href="#">Next >></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="card-title">
<div class="container">
<div class="row">
<div class="col-11">
<div class="container buildtitle">
<div class="row">
<div class="col-4"><span class="buildnumber" >Build 6994</span> <span >(f9897b607b)</span></div>
<!--<div class="col-1"><span class="badge badge-info">Show changes (2) >> </span></div>-->
<div class="col-7"><p class="text-right" >2018-04-09 08:19:44 (10 months ago)</p></div>
</div>
</div>
</div>
<div class="col-1">
<button type="button" class="btn btn-info changelogtoggle" onclick="toggleChangelog('#change-6994')">
Changes <span class="badge badge-light">2</span>
</button>
</div>
</div>
</div>
</div>
<div class="card-text" id="change-6994" ></div>
<div class="card-bottom text-md-left">
<div class="container">
<div class="row">
<div class="col-3 colos">
<p>32 bits</p>
<a href="#" class="logo_os"><img src="./images/microsoft-windows-png-21043.png" alt="windows 32" title="windows 32"></a>
</div>
<div class="col-3 colos">
<p>64 bits</p>
<a href="#" class="logo_os"><img src="./images/microsoft-windows-png-21043.png" alt="windows 64" title="windows 64"></a>
<a href="#" class="logo_os"><img src="./images/apple-logo-png-12902.png" alt="mac osx"></a>
<a href="#" class="logo_os"><img src="./images/penguin-png-17804.png" alt="linux 64"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="card-title">
<div class="container">
<div class="row">
<div class="col-11">
<div class="container buildtitle">
<div class="row">
<div class="col-4"><span class="buildnumber" >Build 6993</span> <span >(f9897b607b)</span></div>
<!--<div class="col-1"><span class="badge badge-info">Show changes (2) >> </span></div>-->
<div class="col-7"><p class="text-right" >2018-04-09 08:19:44 (10 months ago)</p></div>
</div>
</div>
</div>
<div class="col-1">
<button type="button" class="btn btn-info changelogtoggle" onclick="toggleChangelog('#change-6993')">
Changes <span class="badge badge-light">2</span>
</button>
</div>
</div>
</div>
</div>
<div class="card-text" id="change-6993" ></div>
<div class="card-bottom text-md-left">
<div class="container">
<div class="row">
<div class="col-3 colos">
<p>32 bits</p>
<a href="#" class="logo_os"><img src="./images/microsoft-windows-png-21043.png" alt="windows 32" title="windows 32"></a>
</div>
<div class="col-3 colos">
<p>64 bits</p>
<a href="#" class="logo_os"><img src="./images/microsoft-windows-png-21043.png" alt="windows 64" title="windows 64"></a>
<a href="#" class="logo_os"><img src="./images/apple-logo-png-12902.png" alt="mac osx"></a>
<a href="#" class="logo_os"><img src="./images/penguin-png-17804.png" alt="linux 64"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container-fluid text-center text-md-left">
<div class="row">
<div class="col-md-2 mt-md-0 mt-3">
</div>
<div class="col-md-4 mt-md-0 mt-3 links">
<a>Singularity main site</a>
<a>About</a>
<a>Issue tracker</a>
<a>Source tracker</a>
</div>
<div class="col-md-4 text-right links">
<p>© 2015 Singularity Viewer Project</p>
</div>
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
+84
View File
@@ -0,0 +1,84 @@
html {
position: relative;
min-height: 100%;
}
body{
background-color: #2a3535;
width:100%;
color:white;
}
.card{
background-color: #555555;
margin-bottom:5px;
}
.buildtitle{
background-color: #222222;
border-radius: 10px;
margin-bottom:5px;
box-shadow: 10px 10px 5px #444444;
}
.buildnumber {
color:#cccccc;
font-weight: bold;
font-size: 16pt;
}
.changelogtoggle {
box-shadow: 5px 5px 1px #444444;
margin-right:5px;
}
.croppedheader{
background-image: url('./images/singularity_logo_cropped.png');
margin-left:-50px;
}
.alphatitle{
margin-top:-140px;
text-shadow: 10px 10px 5px #000000;
}
.logo_os img {
margin-right:30px;
margin-bottom: 5px;
height:40px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 20px;
background-color: #2a3535;
color: #bbbbbb;
font-size:10pt;
}
#footer a{
margin-right:10px;
}
.links {
background-color: #2f3535;
}
.item {
position:relative;
padding-top:20px;
display:inline-block;
}
.pagination>li>a{
background-color:#2f3535;
color:white;
}
.page-number {
font-size:10pt;
margin: 5px;
}
.colos {
background-color:#2f3535;
border-radius: 10px;
border-color: white;
border-style: solid;
border-width: 1pt;
margin-left:10px;
}
.colos p{
text-shadow: 10px 10px 5px #000000;
}