Use bootstrap containers.

This commit is contained in:
2018-12-28 15:17:28 +00:00
parent 6d52e09d51
commit bd786b51b9
8 changed files with 119 additions and 54 deletions

View File

@@ -62,8 +62,8 @@
@Html.ActionLink("Return to main page.", "Index")<br /> @Html.ActionLink("Return to main page.", "Index")<br />
DiscImageChef list of changes: DiscImageChef list of changes:
</p> </p>
<div>@Html.Raw(ViewBag.Markdown)</div> <div class="container">@Html.Raw(ViewBag.Markdown)</div>
<footer> <footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -62,8 +62,8 @@
@Html.ActionLink("Return to main page.", "Index")<br /> @Html.ActionLink("Return to main page.", "Index")<br />
DiscImageChef list of things to be donated: DiscImageChef list of things to be donated:
</p> </p>
<div>@Html.Raw(ViewBag.Markdown)</div> <div class="container">@Html.Raw(ViewBag.Markdown)</div>
<footer> <footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -43,6 +43,7 @@
<link href="../../styles/dicserver_highcharts.css" <link href="../../styles/dicserver_highcharts.css"
rel="stylesheet"type="text/css" /> rel="stylesheet"type="text/css" />
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>@ViewBag.Title</title> <title>@ViewBag.Title</title>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async <script async
@@ -58,7 +59,7 @@
</script> </script>
</head> </head>
<body> <body>
<h1 align="center"> <header>
Welcome to Welcome to
<i> <i>
<a href="http://github.com/claunia/discimagechef" <a href="http://github.com/claunia/discimagechef"
@@ -66,9 +67,9 @@
DiscImageChef DiscImageChef
</a> </a>
</i> Server version @ViewBag.lblVersion </i> Server version @ViewBag.lblVersion
</h1> </header>
<div>@Html.Raw(ViewBag.Markdown)</div> <div class="container">@Html.Raw(ViewBag.Markdown)</div>
<footer> <footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -62,8 +62,8 @@
@Html.ActionLink("Return to main page.", "Index")<br /> @Html.ActionLink("Return to main page.", "Index")<br />
DiscImageChef list of things to do: DiscImageChef list of things to do:
</p> </p>
<div>@Html.Raw(ViewBag.Markdown)</div> <div class="container">@Html.Raw(ViewBag.Markdown)</div>
<footer> <footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -22,6 +22,7 @@
</script> </script>
</head> </head>
<body> <body>
<div class="container-fluid">
DiscImageChef Report for DiscImageChef Report for
@ViewBag.lblManufacturer @ViewBag.lblManufacturer
@ViewBag.lblModel @ViewBag.lblModel
@@ -247,7 +248,8 @@ DiscImageChef Report for
} }
</div> </div>
} }
<footer> </div>
<footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -36,7 +36,7 @@
<script src="https://code.highcharts.com/modules/exporting.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script>
</head> </head>
<body> <body>
<h1 align="center"> <header>
Welcome to Welcome to
<i> <i>
<a href="http://github.com/claunia/discimagechef" <a href="http://github.com/claunia/discimagechef"
@@ -44,24 +44,25 @@
DiscImageChef DiscImageChef
</a> </a>
</i> Server version @ViewBag.Version </i> Server version @ViewBag.Version
</h1> </header>
<br /> <br />
<div> <div class="container">
@if(ViewBag.repOperatingSystems != null) @if(ViewBag.repOperatingSystems != null)
{ {
<div id="divOperatingSystems"> <div class="container"
<div id="osChart" id="divOperatingSystems">
style="background-color: transparent; width: 25%"> <div class="container"
id="osChart">
</div> </div>
<div id="linuxChart" <div class="container"
style="background-color: transparent; width: 25%"> id="linuxChart">
</div> </div>
<div id="macosChart" <div class="container"
style="background-color: transparent; width: 25%"> id="macosChart">
</div> </div>
<div id="windowsChart" <div class="container"
style="background-color: transparent; width: 25%"> id="windowsChart">
</div> </div>
<table> <table>
@foreach(NameValueStats os in ViewBag.repOperatingSystems) @foreach(NameValueStats os in ViewBag.repOperatingSystems)
@@ -78,9 +79,10 @@
} }
@if(ViewBag.repVersions != null) @if(ViewBag.repVersions != null)
{ {
<div id="divVersions"> <div class="container"
<div id="versionsChart" id="divVersions">
style="background-color: transparent; width: 25%"> <div class="container"
id="versionsChart">
</div> </div>
<table> <table>
@foreach(NameValueStats version in ViewBag.repVersions) @foreach(NameValueStats version in ViewBag.repVersions)
@@ -95,9 +97,10 @@
<br /> <br />
</div> </div>
} }
<div id="divCommands"> <div class="container"
<div id="commandsChart" id="divCommands">
style="background-color: transparent; width: 25%"> <div class="container"
id="commandsChart">
</div> </div>
<h4>Commands run:</h4> <h4>Commands run:</h4>
@@ -127,9 +130,10 @@
</div> </div>
@if(ViewBag.repFilters != null) @if(ViewBag.repFilters != null)
{ {
<div id="divFilters"> <div class="container"
<div id="filtersChart" id="divFilters">
style="background-color: transparent; width: 25%"> <div class="container"
id="filtersChart">
</div> </div>
<h3>Filters found:</h3> <h3>Filters found:</h3>
<table align="center" <table align="center"
@@ -154,9 +158,10 @@
} }
@if(ViewBag.repMediaImages != null) @if(ViewBag.repMediaImages != null)
{ {
<div id="divMediaImages"> <div class="container"
<div id="formatsChart" id="divMediaImages">
style="background-color: transparent; width: 25%"> <div class="container"
id="formatsChart">
</div> </div>
<h3>Media image formats found:</h3> <h3>Media image formats found:</h3>
<table align="center" <table align="center"
@@ -181,9 +186,10 @@
} }
@if(ViewBag.repPartitions != null) @if(ViewBag.repPartitions != null)
{ {
<div id="divPartitions"> <div class="container"
<div id="partitionsChart" id="divPartitions">
style="background-color: transparent; width: 25%"> <div class="container"
id="partitionsChart">
</div> </div>
<h3>Partition schemes found:</h3> <h3>Partition schemes found:</h3>
<table align="center" <table align="center"
@@ -208,9 +214,10 @@
} }
@if(ViewBag.repFilesystems != null) @if(ViewBag.repFilesystems != null)
{ {
<div id="divFilesystems"> <div class="container"
<div id="filesystemsChart" id="divFilesystems">
style="background-color: transparent; width: 25%"> <div class="container"
id="filesystemsChart">
</div> </div>
<h3>Filesystems found:</h3> <h3>Filesystems found:</h3>
<table align="center" <table align="center"
@@ -235,9 +242,10 @@
} }
@if(ViewBag.repVirtualMedia != null) @if(ViewBag.repVirtualMedia != null)
{ {
<div id="divVirtualMedia"> <div class="container"
<div id="virtualMediaChart" id="divVirtualMedia">
style="background-color: transparent; width: 25%"> <div class="container"
id="virtualMediaChart">
</div> </div>
<h3>Media types found in images:</h3> <h3>Media types found in images:</h3>
<table align="center" <table align="center"
@@ -266,9 +274,10 @@
} }
@if(ViewBag.repRealMedia != null) @if(ViewBag.repRealMedia != null)
{ {
<div id="divRealMedia"> <div class="container"
<div id="realMediaChart" id="divRealMedia">
style="background-color: transparent; width: 25%"> <div class="container"
id="realMediaChart">
</div> </div>
<h3>Media types found in devices:</h3> <h3>Media types found in devices:</h3>
<table align="center" <table align="center"
@@ -297,12 +306,13 @@
} }
@if(ViewBag.repDevices != null) @if(ViewBag.repDevices != null)
{ {
<div id="divDevices"> <div class="container"
<div id="devicesBusChart" id="divDevices">
style="background-color: transparent; width: 25%"> <div class="container"
id="devicesBusChart">
</div> </div>
<div id="devicesManufacturerChart" <div class="container"
style="background-color: transparent; width: 25%"> id="devicesManufacturerChart">
</div> </div>
<h3>Found devices:</h3> <h3>Found devices:</h3>
<table align="center" <table align="center"
@@ -344,7 +354,7 @@
} }
</div> </div>
<hr /> <hr />
<footer> <footer class="container-fluid">
© 2011-2018 © 2011-2018
<a href="http://www.claunia.com" <a href="http://www.claunia.com"
target="_blank"> target="_blank">

View File

@@ -9545,5 +9545,28 @@ h3 {
border-color: #AAAAAA; border-color: #AAAAAA;
} }
} }
footer {
background-color: #AA5500;
color: #000;
}
header {
background-color: #55FFFF;
color: #000;
text-align: center;
}
header a {
color: #FF55FF;
}
header a:hover {
color: #FF5555;
text-decoration: none;
}
footer a:hover {
text-decoration: none;
}
/*# sourceMappingURL=dicserver.css.map */ /*# sourceMappingURL=dicserver.css.map */

View File

@@ -2,4 +2,33 @@
@import "_vgafont"; @import "_vgafont";
@import "_fontstyles"; @import "_fontstyles";
@import "../node_modules/bootstrap/scss/bootstrap"; @import "../node_modules/bootstrap/scss/bootstrap";
footer
{
background-color: $brown;
color: $black;
}
header
{
background-color: $teal;
color: $black;
text-align: center;
}
header a
{
color: $pink;
}
header a:hover
{
color: $orange;
text-decoration: none;
}
footer a:hover
{
text-decoration: none;
}