arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

More cleanup and fix custom css on subsites

Browse Source
This commit is contained in:
warlordjones
2016-09-17 09:38:18 +01:00
parent 4c3d97ed46
commit ef8336d381
4 changed files with 46 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
brassgoggled/index.html
View File

@@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<link href='css/main.css' rel='stylesheet'> <link href='../css/main.css' rel='stylesheet'>
<link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="../css/animate.min.css">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -22,12 +22,6 @@
<style> <style>
body { body {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg); background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg);
background-attachment: fixed;
background-size: cover;
}
div {
padding: inherit;
} }
</style> </style>
@@ -47,7 +41,7 @@ padding-bottom: 50px;">
<h1 style="margin-top: -5px;">The Brass Goggled Coders</h1> <h1 style="margin-top: -5px;">The Brass Goggled Coders</h1>
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">International team of hobbyist developers</h3> <h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">International team of hobbyist developers</h3>
<br> <br>
<div class="divider"></div> <hr>
</div> </div>
<div class="grey darken-4"> <div class="grey darken-4">

23
css/main.css
View File

@@ -2,38 +2,23 @@ body {
color: white; color: white;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
background-attachment: fixed;
background-size: cover;
} }
hr { hr {
border: 0; border: 0;
height: 1px; height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); background-color: white;
margin-top: 35px; margin-top: 35px;
margin-bottom: 35px; margin-bottom: 35px;
} }
.center {
margin-left: auto;
margin-right: auto;
}
.shadowed {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
.container { .container {
padding: 25px; padding: 25px;
} }
.dark { div {
background-color: #121314;
padding: inherit;
}
.light {
background-color: #1c1c1f;
padding: inherit; padding: inherit;
} }

40
enl/index.html
View File

@@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<link href='css/main.css' rel='stylesheet'> <link href='../css/main.css' rel='stylesheet'>
<link rel="stylesheet" href="/css/animate.min.css"> <link rel="stylesheet" href="../css/animate.min.css">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -25,26 +25,10 @@
<style> <style>
body { body {
background-image: url(http://orig08.deviantart.net/19de/f/2008/260/d/1/matrix_by_el_sobreviviente.jpg); background-image: url(http://orig08.deviantart.net/19de/f/2008/260/d/1/matrix_by_el_sobreviviente.jpg);
background-attachment: fixed;
background-size: cover;
font-family: 'Arvo', serif !important; font-family: 'Arvo', serif !important;
color: limegreen !important; color: limegreen !important;
} }
.dark {
background-color: #121314;
padding: inherit;
}
.light {
background-color: #1c1c1f;
padding: inherit;
}
.container {
padding: 25px;
}
h4 { h4 {
text-align: left; text-align: left;
text-decoration: underline; text-decoration: underline;
@@ -54,10 +38,6 @@
text-align: left; text-align: left;
} }
p {
text-align: justify;
}
ol { ol {
text-align: left; text-align: left;
font-size: 15px; font-size: 15px;
@@ -118,16 +98,16 @@ padding-top: 50px;
padding-bottom: 50px;"> padding-bottom: 50px;">
<div class="container"> <div class="container">
<!--TODO switch to margins rather than <br> tags---> <!--TODO switch to margins rather than <br> tags--->
<div class="light"> <div class="grey darken-3">
<br> <br>
<img src="/images/enl/logo.png" style="height: 150px;" class="animated zoomIn"> <img src="/images/enl/logo.png" style="height: 150px;" class="animated zoomIn">
<br> <br>
<h3 style="margin-top: -5px;" class="animated fadeIn">Enlightened East Hertfordshire</h3> <h3 style="margin-top: -5px;" class="animated fadeIn">Enlightened East Hertfordshire</h3>
<div class="divider"></div> <hr>
<br> <br>
</div> </div>
<!---TODO Animated code intro---> <!---TODO Animated code intro--->
<div class="dark"> <div class="grey darken-4">
<h4>Information: </h4> <h4>Information: </h4>
<p>For too long, the Resistance have considered this area a stronghold, standing unopposed. But they have grown complacent. Soft and arrogant. A storm is coming. A viridescent, emerald storm. Be prepared. <p>For too long, the Resistance have considered this area a stronghold, standing unopposed. But they have grown complacent. Soft and arrogant. A storm is coming. A viridescent, emerald storm. Be prepared.
<br> <br>
@@ -136,7 +116,7 @@ padding-bottom: 50px;">
<br> Ensuring the skies stay green, for your protection.</p> <br> Ensuring the skies stay green, for your protection.</p>
</div> </div>
<div class="light"> <div class="grey darken-3">
<h4>Nemeses:</h4> <h4>Nemeses:</h4>
<h5>Most Wanted:</h5> <h5>Most Wanted:</h5>
<h5 style="text-align: left;"> <span id="smurf" style="text-align: left;">mormor1971</span></h5> <h5 style="text-align: left;"> <span id="smurf" style="text-align: left;">mormor1971</span></h5>
@@ -155,15 +135,15 @@ padding-bottom: 50px;">
</li> </li>
</ol> </ol>
</div> </div>
<div class="dark"> <div class="grey darken-4">
<h4>Target Area:</h4> <h4>Target Area:</h4>
<h5 style="color: red" class="animated flash">&lt;ACCESS DENIED. USER UNAUTHORISED.&gt;</h5> <h5 style="color: red" class="animated flash">&lt;ACCESS DENIED. USER UNAUTHORISED.&gt;</h5>
</div> </div>
<div class="light"> <div class="grey darken-3">
<h4>Comms:</h4> <h4>Comms:</h4>
<h5 style="color: red" class="animated flash">&lt;ACCESS DENIED. USER UNAUTHORISED.&gt;</h5> <h5 style="color: red" class="animated flash">&lt;ACCESS DENIED. USER UNAUTHORISED.&gt;</h5>
</div> </div>
<div class="dark"> <div class="grey darken-4">
<h4>Dossier:</h4> <h4>Dossier:</h4>
<ul> <ul>
<li> <li>
@@ -182,7 +162,7 @@ padding-bottom: 50px;">
<h5 style="text-align: left;"><a href="https://plus.google.com/113100485564146114272">- Enlightened G+</a></h5></li> <h5 style="text-align: left;"><a href="https://plus.google.com/113100485564146114272">- Enlightened G+</a></h5></li>
</ul> </ul>
</div> </div>
<div class="light"> <div class="grey darken-3">
<br> <br>
<div class="center"> <div class="center">
<a href="http://materializecss.com/">Materialize CSS by Google</a> <a href="http://materializecss.com/">Materialize CSS by Google</a>

64
index.html
View File

@@ -2,9 +2,6 @@
<html lang="en"> <html lang="en">
<head> <head>
<link href='css/main.css' rel='stylesheet'>
<link rel="stylesheet" href="css/animate.min.css">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -14,18 +11,17 @@
<!-- Compiled and minified JavaScript --> <!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<link rel='stylesheet' href='/css/main.css'>
<link rel="stylesheet" href="/css/animate.min.css">
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script> <script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
<!--Let browser know website is optimized for mobile--> <!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Arona Jones' Site - Master Page</title>
<style> <style>
body { body {
background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy); background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy);
background-attachment: fixed;
background-size: cover;
} }
</style> </style>
@@ -33,43 +29,41 @@
</head> </head>
<body> <body>
<main> <div id="overlay">
<div id="overlay"> <div class="center" style="width: 100%; text-align: center;">
<div class="center" style="width: 100%; text-align: center;"> <div class="center" style="height: 100%;
<div class="center" style="height: 100%;
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px;"> padding-bottom: 50px;">
<div class="container"> <div class="container">
<div class="light"> <div class="grey darken-3">
<img src="images/logo.png" style="height: 150px;" class="animated fadeInDown"> <img src="images/logo.png" style="height: 150px;" class="animated fadeInDown" alt="shield and top hat logo">
<h1 style="margin-top: -5px;">Arona Jones</h1> <h1 style="margin-top: -5px;">Arona Jones</h1>
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;"> <h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">
<!---TODO This is a horrible mess!! --> <!---TODO This is a horrible mess!! -->
<span style="padding: 8px;">Developer</span>•<span style="padding: 8px;">Science Enthusiast</span>•<span style="padding: 8px;">Writer</span></h3> <span style="padding: 8px;">Developer</span>•<span style="padding: 8px;">Science Enthusiast</span>•<span style="padding: 8px;">Writer</span></h3>
<br> <br>
<div class="divider"></div> <hr>
</div> </div>
<div class="dark"> <div class="grey darken-4">
<h4>About Me</h4> <h4>About Me</h4>
<p class="flow-text">Self-styled Eccentric Gentleman. I'm passionate about science and writing, especially writing about science.</p> <p class="flow-text">Self-styled Eccentric Gentleman. I'm passionate about science and writing, especially writing about science.</p>
</div> </div>
<div class="light"> <div class="grey darken-3">
</div> </div>
<div class="dark"> <div class="grey darken-4">
<div class="center"> <div class="center">
<a href="http://materializecss.com/">Materialize CSS by Google </a>| <a href="http://materializecss.com/">Materialize CSS by Google </a>|
<a href="https://daneden.github.io/animate.css/"> Animate.css </a>| <a href="https://daneden.github.io/animate.css/"> Animate.css </a>|
<a href="https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy"> Background Image from NASA IOTD </a>| <a href="https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy"> Background Image from NASA IOTD </a>|
<a href="htt://game-icons.net"> Icons from Game-Icons.net</a> <a href="htt://game-icons.net"> Icons from Game-Icons.net</a>
</div>
Handcoded by Arona Jones. Kindly hosted by Github.
</div> </div>
Handcoded by Arona Jones. Kindly hosted by Github.
</div> </div>
</div> </div>
</div> </div>
<br>
</div> </div>
</main> <br>
</div>
</body> </body>
</html> </html>