quartznet/quartznet-info
2
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Moved css, js files from includes to assets.

Browse Source
This commit is contained in:
Gitea 2020-02-06 17:33:58 -05:00
parent 0d798846b0
commit 5443d91f86
11 changed files with 145 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assets/alive.ogg.part
View File

3
includes/bootstrap.min.css → assets/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

0
includes/dark.css → assets/css/dark.css
View File

0
includes/light.css → assets/css/light.css
View File

20
includes/stylesheet.css → assets/css/stylesheet.css
View File

@ -2,6 +2,9 @@
html, body { html, body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
border: 0px;
width:100%;
height:100vh;
} }
h1, h2, h3 { h1, h2, h3 {
@ -11,7 +14,8 @@ h1, h2, h3 {
body { body {
background: url(/assets/textures/blue.jpg); background: url(/assets/textures/blue.jpg);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 18px;
font-display: swap;
line-height: 1.8; line-height: 1.8;
} }
@ -21,11 +25,9 @@ header {
} }
.title { .title {
/* border: 2px solid red; */
font-size: 48px; font-size: 48px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; /* text-align: center; */ padding-right: 10px;
} }
/* flexbox navbar test*/ /* flexbox navbar test*/
@ -36,8 +38,6 @@ header {
} }
.info { .info {
/* border: 2px solid red; */
flex: 1 1 100%; flex: 1 1 100%;
font-size: 20px; font-size: 20px;
padding-left: 10px; padding-left: 10px;
@ -46,8 +46,6 @@ header {
} }
.item { .item {
/* border: 2px solid red; */
flex: 0 1 100px; flex: 0 1 100px;
font-size: 18px; font-size: 18px;
padding-left: 10px; padding-left: 10px;
@ -69,9 +67,12 @@ li a:visited {
/* Main content box */ /* Main content box */
main { main {
margin-top: 3%; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 30px; margin-top: 30px;
min-height: 70vh;
/*Extra space to push footer to the bottom when there is not much content*/
min-height: calc(100vh - (60px + 215px));
} }
h1, h2, h3 { h1, h2, h3 {
@ -150,7 +151,6 @@ section {
padding-top: calc(var(--input-padding-y) / 3); padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3); padding-bottom: calc(var(--input-padding-y) / 3);
} }
/*end login test */ /*end login test */
/* Footer at bottom of page */ /* Footer at bottom of page */

3
includes/bootstrap.bundle.min.js → assets/js/bootstrap.bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

0
includes/jquery-3.4.1.min.js → assets/js/jquery-3.4.1.min.js vendored
View File

24
includes/footer.php
View File

@ -1,14 +1,14 @@
<footer> <footer>
<p>&copy; Quartznet 2019 | <a href="/quartznet/policy">Policy</a></p> <p>&copy; Quartznet 2020 | <a href="/quartznet/policy">Policy</a></p>
</footer> </footer>
<!-- google analytics --> <!-- Google analytics -->
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'UA-120787474-1'); gtag('config', 'UA-120787474-1');
</script> </script>
<script src="/quartznet/includes/jquery-3.4.1.min.js" defer></script> <script src="/quartznet/assets/js/jquery-3.4.1.min.js" defer></script>
<script src="/quartznet/includes/bootstrap.bundle.min.js" defer></script> <script src="/quartznet/assets/js/bootstrap.bundle.min.js" defer></script>

45
includes/head.php
View File

@ -1,26 +1,25 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="We are software and game developers.">
<meta name="keywords" content="Quartznet, Software, Games, Tools"/>
<meta charset="utf-8"> <link rel="icon" href="/quartznet/assets/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="/quartznet/assets/css/bootstrap.min.css" rel="stylesheet">
<meta name="description" content="At quartznet, we develop games and tools."> <link href="/quartznet/assets/css/stylesheet.css" rel="stylesheet">
<meta name="keywords" content="Quartznet, Software, Games, Tools"/> <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link rel="icon" href="/quartznet/assets/favicon.ico"> <script>
<link href="/quartznet/includes/bootstrap.min.css" rel="stylesheet"> // If `prefers-color-scheme` is not supported, fall back to light mode.
<link href="/quartznet/includes/stylesheet.css" rel="stylesheet"> // In this case, light.css will be downloaded with `highest` priority.
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
document.documentElement.style.display = 'none';
document.head.insertAdjacentHTML(
'beforeend',
'<link rel="stylesheet" href="/quartznet/assets/css/light.css" onload="document.documentElement.style.display = \'\'">'
);
}
</script>
<script> <!-- Load based on colour scheme -->
// If `prefers-color-scheme` is not supported, fall back to light mode. <link rel="stylesheet" href="/quartznet/assets/css/dark.css" media="(prefers-color-scheme: dark)">
// In this case, light.css will be downloaded with `highest` priority. <link rel="stylesheet" href="/quartznet/assets/css/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
document.documentElement.style.display = 'none';
document.head.insertAdjacentHTML(
'beforeend',
'<link rel="stylesheet" href="/includes/light.css" onload="document.documentElement.style.display = \'\'">'
);
}
</script>
<!-- Load based on colour scheme -->
<link rel="stylesheet" href="/quartznet/includes/dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/quartznet/includes/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">

21
includes/header.php
View File

@ -1,10 +1,11 @@
<header> <header>
<nav class="container"> <nav class="container">
<a class="title" href="/quartznet/">Quartznet</a> <a class="title" href="/quartznet/">Quartznet</a>
<ul class="menu"> <ul class="menu">
<li class="item"><a href="/quartznet/about">About</a></li> <li class="item"><a href="/quartznet/about">About</a></li>
<li class="item button"><a href="/quartznet/admin/login.php">Admin</a></li> <li class="item"><a href="/quartznet/contact">Contact</a></li>
<li class="toggle"><a href="#"><i class="fas fa-bars"></i></a></li> <li class="item button"><a href="/quartznet/admin/login.php">Admin</a></li>
</ul> <li class="toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
</nav> </ul>
</header> </nav>
</header>

88
includes/page.php Executable file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="We are software and game developers.">
<meta name="keywords" content="Quartznet, Software, Games, Tools" />
<title>Quartznet</title>
<link rel="icon" href="/quartznet/assets/favicon.ico">
<link href="/quartznet/includes/bootstrap.min.css" rel="stylesheet">
<link href="/quartznet/includes/stylesheet.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script>
// If `prefers-color-scheme` is not supported, fall back to light mode.
// In this case, light.css will be downloaded with `highest` priority.
if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
document.documentElement.style.display = 'none';
document.head.insertAdjacentHTML(
'beforeend',
'<link rel="stylesheet" href="/includes/light.css" onload="document.documentElement.style.display = \'\'">'
);
}
</script>
<!-- Load based on colour scheme -->
<link rel="stylesheet" href="/quartznet/includes/dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/quartznet/includes/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
</head>
<body>
<header>
<nav class="container">
<a class="title" href="/quartznet/">Quartznet</a>
<ul class="menu">
<li class="item"><a href="/quartznet/about">About</a></li>
<li class="item button"><a href="/quartznet/admin/login.php">Admin</a></li>
<li class="toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
</header>
<main class="container">
<section>
<h1>Sirius</h1>
<a href="/quartznet/sirius"><img class="img-fluid rounded mb-4 mb-lg-0" src="https://placehold.it/900x400" alt=""></a>
<p>A 2D sci-fi game about wannabe space captain trying to find their path.</p>
<p>Stores: Steam, Itch</p>
<p>Platforms: Windows, Mac, Linux</p>
</section>
<section>
<h1>Coming soon</h1>
<a href="/quartznet/sirius"><img class="img-fluid rounded mb-4 mb-lg-0" src="https://placehold.it/900x400" alt=""></a>
<div class="row">
<div class="col-sm">
<p>More text here soonTM.</p>
</div>
<div class="col-sm">
<p>Stores: Steam, Itch</p>
<p>Platforms: Windows, Mac, Linux</p>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; Quartznet 2020 | <a href="/quartznet/policy">Policy</a></p>
</footer>
<!-- Google analytics -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120787474-1');
</script>
<script src="/quartznet/includes/jquery-3.4.1.min.js" defer></script>
<script src="/quartznet/includes/bootstrap.bundle.min.js" defer></script>
</body>
</html>