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

The Great Cleanup Part 1

Browse Source
This commit is contained in:
warlordjones
2016-09-17 09:05:56 +01:00
parent b90ac2b75f
commit 4c3d97ed46
27 changed files with 56 additions and 13938 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
art/404.html
View File

@@ -1,64 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Starter Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a></li>
<li><a href="refine.html">Refine A02</a></li>
<li><a href="record.html">Record A03</a></li>
<li><a href="present.html">Present A04</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<img src="/images/404.jpg">
<h1>Whoops! Something's broken.</h1>
<h3>Perhaps the Temporal Stabaliser is malajusted, or the Metaphysical Wave Generator is incorrectly calibrated</h3>
<h4>Got here from a internal link? Contact the author, <a href="mailto:warlordjones@gmail.com?Subject=Site%20Error">Arona Jones</a>, to get this fixed</h4>
<h4>Otherwise, just hit back, or use the navbar to get out of here, lest the Kraken notice your presence!</h4>
<a href="javascript:history.go(-1)"><img src="http://www.awopradio.com/wp-content/uploads/2012/07/RedArrowLeft.png" width="10%"></a>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

135
art/ai.html
View File

@@ -1,135 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="page-header">
<h1>Illustrator</h1>
</div>
<h2 style="background-color: #F8ECC2;">Line Drawings</h2>
<a href="/images/art/ai/simple1.png" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/simple1.png" alt="..." width="300px" class="img-rounded">
</a>
<a href="/images/art/ai/simple2.png" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/simple2.png" alt="..." width="300px" class="img-rounded">
</a>
<a href="/images/art/ai/simple3.png" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/simple3.png" alt="..." width="300px" class="img-rounded">
</a>
<h2 style="background-color: #F8ECC2;">Gradiented Images</h2>
<div class="row">
<div class="col-xs-6 col-md-4">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock1grad.jpg" alt="..." width="300px" class="img-rounded">
</a>
</a>
</div>
<div class="col-xs-6 col-md-4">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock2grad.jpg" alt="..." width="300px" class="img-rounded">
</a>
</a>
</div>
<div class="col-xs-6 col-md-4">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock3grad.jpg" alt="..." width="300px" class="img-rounded">
</a>
</a>
</div>
<div class="col-xs-6 col-md-4">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock4grad.jpg" alt="..." width="300px" class="img-rounded">
</a>
</a>
</div>
</div>
<h2 style="background-color: #F8ECC2;">Layered Digital Drawings</h2>
<img src="/images/art/ai/clocklayers.jpg" width="60%" class="img-rounded bordered">
<img src="/images/art/ai/clocklayers1.jpg" width="60%" class="img-rounded bordered">
<h2 style="background-color: #F8ECC2;">Da Vinci</h2>
<img src="/images/art/ai/clock2vinci.jpg" width="60%" class="img-rounded bordered">
<img src="/images/art/ai/clock4vinci.jpg" width="60%" class="img-rounded bordered">
<h2 style="background-color: #F8ECC2;">Experiments with Animation</h2>
<img src="/images/art/geartest.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/geartest2slow.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/geartest2medium.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/geartest2fast.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/geartest3.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/MechAnim.gif" class="img-rounded bordered" width="300px">
<img src="/images/art/breaktest.gif" class="img-rounded bordered" width="300px">
<h3 style="background-color: #F8ECC2;">Complex Animation</h3>
<img src="/images/art/pita.gif" class="img-rounded bordered" width="600px">
<!--<img src="/images/art/vincipita.gif" class="img-rounded bordered" width="600px">-->
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

104
art/davinci.html
View File

@@ -1,104 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid" id="background">
<div class="starter-template">
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h1>Artist Link: Leonardo Da Vinci</h1>
<br>
</div>
<img src="/images/art/vinci-portrait.png" align="left" title="Portrait of Da Vinci" class="img-circle" style="margin: 20px 10px 0px 20px;">
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">Leonardo Da Vinci, full name: Leonardo di ser Piero da Vinci, was born on 15th April 1452, and died 2nd May 1519. He was born the out-of-wedlock son of the wealthy lawyer Messer Piero Fruosino di Antonio da Vinci and a peasant woman by the name of Caterina. We know very little about his early life, except that he lived the first five years of his life with his mother, then later went to live with his father. His father married four times during his lifetime. He was informally educated in Latin, geometry and mathematics.
<br>&nbsp;
<br>He was a Italian polymath, an individual with an expertise in a range of skills. His skills spanned from painter, musician and sculptor to inventor, mathmatician, architecht and engineer to botanist, anatomist, cartographer, and geologist. He is widely regarded as the archetypal Renaissance man, and perhaps the person to be skilled in the most diverse range of applications, possibly due to his unceasing experimentations with frequently cutting-edge and beyond techniques, which often had disastrous results. His primary skill, as recognised by many people, is painting. His relatively few (approximately 15) surviving works include the almost universally famous Mona Lisa, believed to be the most famous portrait; The Last Supper, the most reproduced religious painting of all time and the iconic anatomical drawing of the 'Vitruvian Man'. Da Vinci is also well known for his ingenuity as an inventor, producing designs for a tank-like armoured vehicle, flying machines (less functional than many of his other designs, although he did design a helicopter style machine), mirror-focused solar power, an adding machine and the double hull design of ship building. Few of these designs were feasible with the technology available to him. He also made important discoveries in other fields, such as creating a rudimentary theory regarding geological plate tectonics and other important discoveries in the fields of optics, hydrodynamics and anatomy, among others. However, he did not publish these findings, so these discoveries had no great effect on later scientific developments. If they had, techological advancement may have been siginificantly accelerated to, or above, modern levels.
<br>&nbsp;
<br>Personally, I have always been greatly inspired by Da Vinci's prowess in both technical drawing and inventing, not to mention his constant experimentation, and feel he should be revered for his technological ingenuity hence my images in his style, and choice of subject for my project.</p>
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h3>One of his mechanical drawings: </h3>
<br>
</div>
<p>
<img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%" class="img-rounded bordered">
</p>
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h3>And my images in his style:</h3>
<br>
</div>
<img src="/images/art/ai/clock2vinci.jpg" width="50%" class="img-rounded bordered">
<br>
<br>
<img src="/images/art/ai/clock4vinci.jpg" width="50%" class="img-rounded bordered">
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

102
art/develop.html
View File

@@ -1,102 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="row">
<div class="col-md-4">
<a href="davinci.html">
<img src="/images/art/vinci-portrait.png" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
</a>
</div>
<div class="col-md-4">
<a href="mechnaique.html">
<img src="http://upload.wikimedia.org/wikipedia/en/thumb/9/96/Ballet_M%C3%A9canique%2C_1923%E2%80%9324.jpg/220px-Ballet_M%C3%A9canique%2C_1923%E2%80%9324.jpg" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
</a>
</div>
<div class="col-md-4">
<a href="futurism.html">
<img src="http://upload.wikimedia.org/wikipedia/commons/8/86/The_Knifegrinder_Kazimir_Malevich.jpeg" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="davinci.html"><h3>Artist Link: Da Vinci</h3></a>
</div>
<div class="col-md-4">
<a href="mechnaique.html"><h3>Artwork Link: Ballet Mechanique</h3></a>
</div>
<div class="col-md-4">
<a href="futurism.html"><h3>Art Movement Link: Futurism</h3></a>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

198
art/exam.html
View File

@@ -1,198 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/artexam.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<script src="/javascripts/lightbox.js"></script>
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
h2 {
border-bottom: 1px solid black;
padding-bottom: 10px;
}
img {
padding: 10px;
}
.block {
padding-top: 5px;
padding-bottom: 5px;
display: grid;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div style="position: fixed; background-color: #ca7; top: 0px; width: 100%">
<ul class="nav nav-tabs">
<li role="presentation"><a href="#top">Top</a>
</li>
<li role="presentation"><a href="#photos">Photos</a>
</li>
<li role="presentation"><a href="#linework">Linework</a>
</li>
<li role="presentation"><a href="#gradiented">Gradiented</a>
</li>
<li role="presentation"><a href="#hand">Hand</a>
</li>
<li role="presentation"><a href="#artist">Artist Link</a>
</li>
<li role="presentation"><a href="#photos2">Photoshoot</a>
</li>
<li role="presentation"><a href="#anim">Animation</a>
</li>
<li role="presentation"><a href="#final">Final Piece</a>
</li>
</ul>
</div>
<div class="container-fluid">
<div class="starter-template">
<div id="top">
<h1 style="font-weight: 800; color: #222">Apart and Together</h1>
<h2>Arona Jones (#1045)</h2>
</div>
<div id="photos">
<h2 class="ruled">Photos</h2>
<img src="/images/art/1.jpg" alt="..." class="img-rounded block">
<img src="/images/art/2.jpg" alt="..." class="img-rounded block">
<img src="/images/art/3.jpg" alt="..." class="img-rounded block">
<img src="/images/art/4.jpg" alt="..." class="img-rounded block">
<img src="/images/art/5.jpg" alt="..." class="img-rounded block">
<img src="/images/art/6.jpg" alt="..." class="img-rounded block">
<img src="/images/art/7.jpg" alt="..." class="img-rounded block">
<img src="/images/art/8.jpg" alt="..." class="img-rounded block">
<img src="/images/art/9.jpg" alt="..." class="img-rounded block">
<img src="/images/art/10.jpg" alt="..." class="img-rounded block">
<img src="/images/art/11.jpg" alt="..." class="img-rounded block">
<img src="/images/art/15.jpg" alt="..." class="img-rounded block">
<img src="/images/art/16.jpg" alt="..." class="img-rounded block">
<img src="/images/art/18.jpg" alt="..." class="img-rounded block">
<img src="/images/art/20.JPG" alt="..." class="img-rounded block">
<img src="/images/art/21.JPG" alt="..." class="img-rounded block">
<img src="/images/art/22.JPG" alt="..." class="img-rounded block">
<img src="/images/art/23.JPG" alt="..." class="img-rounded block">
<img src="/images/art/24.jpg" alt="..." class="img-rounded block">
<img src="/images/art/25.jpg" alt="..." class="img-rounded block">
<img src="/images/art/27.jpg" alt="..." class="img-rounded block">
<img src="/images/art/28.jpg" alt="..." class="img-rounded block">
<img src="/images/art/29.jpg" alt="..." class="img-rounded block">
<img src="/images/art/30.jpg" alt="..." class="img-rounded block">
<img src="/images/art/31.jpg" alt="..." class="img-rounded block">
<img src="/images/art/32.jpg" alt="..." class="img-rounded block">
<img src="/images/art/33.jpg" alt="..." class="img-rounded block">
<img src="/images/art/34.jpg" alt="..." class="img-rounded block">
<img src="/images/art/35.jpg" alt="..." class="img-rounded block">
<img src="/images/art/36.jpg" alt="..." class="img-rounded block">
<img src="/images/art/37.jpg" alt="..." class="img-rounded block">
<img src="/images/art/38.jpg" alt="..." class="img-rounded block">
<img src="/images/art/39.jpg" alt="..." class="img-rounded block">
<img src="/images/art/40.jpg" alt="..." class="img-rounded block">
<img src="/images/art/41.jpg" alt="..." class="img-rounded block">
<img src="/images/art/42.jpg" alt="..." class="img-rounded block">
<img src="/images/art/43.jpg" alt="..." class="img-rounded block">
<img src="/images/art/44.jpg" alt="..." class="img-rounded block">
<img src="/images/art/45.jpg" alt="..." class="img-rounded block">
</div>
<div id="linework">
<h2 class="ruled">Linework</h2>
<img src="/images/art/line-single.png" height="500px">
<img src="/images/art/line-double.png" height="500px">
<img src="/images/art/line-hand.png" height="500px">
</div>
<div id="gradiented">
<h2 class="ruled">Gradiented Images</h2>
<img src="/images/art/single.png" height="500px">
<img src="/images/art/double.jpg" height="500px">
<img src="/images/art/hand.jpg" height="500px">
</div>
<div id="hand">
<h2 class="ruled">Further development of the Hand piece:</h2>
<h3>Hand Constructed: (Together)</h3>
<img src="/images/art/handConstructed.png" class="img-rounded" style="width: 200px">
<h3>Hand Deconstructed: (Apart)</h3>
<img src="/images/art/handDeco.png" class="img-rounded" style="width: 60%">
<h3>Construction Process:</h3>
<img src="/images/art/hand.gif" class="img-rounded" style="width: 60%">
<h3>Stills from the construction process:</h3>
<img src="/images/art/hand1.png" class="img-rounded" style="width: 40%">
<img src="/images/art/hand2.png" class="img-rounded" style="width: 40%">
<img src="/images/art/hand3.png" class="img-rounded" style="width: 40%">
<img src="/images/art/hand4.png" class="img-rounded" style="width: 40%">
</div>
<div id="artist">
<h2 class="ruled">Artist Link: Cyriak</h2>
<figure style="float: left">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Cyriak_in_2010.jpg/220px-Cyriak_in_2010.jpg">
<figcaption>Cyraik in 2010</figcaption>
</figure>
<p class="text-justify">Freelance animator and producer Cyriak Harris is known for his surrealist and often quite disturbing animated shorts. He uses a combination of Adobe Aftereffects and Photoshop to produce these. The vidoes display a distinct surrealist and psychidelic style, often based on fractual geometry and usually with a "distinct British theme". His animations often feature his hometown of Brighton, celebrities and television shows. Personally I quite like his work, as my own style is often surrealist.
<br>
<br>He has been a regular contributor to b3ta, a digital art community launched in 2001, since 2004. He has had commissions from Coke, Sumo TV and other companies. He has also been director for various music vidoes. His Youtube account features a compilation of his animations, which have been noticed by many in the blogging world.
<br>
<br>His work also led to a short interview with BBC South East in November 2006. The BBC commissioned his video "DeadEnders" as a sequel to Cyriak's earlier "BeastEnders". Based on the British soap opera EastEnders it explored the idea of all the characters that have died in EastEnders going on a "brain-eating zombie rampage". Both of these films were featured on the BBC Three comedy series Comedy Shuffle. Other than this, he has not been recognised to a significant extent outside of certain parts of the internet.</p>
<h3>An example of his work:</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/WQO-aOdJLiw" frameborder="0" allowfullscreen></iframe>
</div>
<div id="photos2">
<h2 class="ruled">Photoshoot</h2>
<img src="/images/art/person1.jpg" class="img-rounded" style="width: 110px; height: 300px">
<img src="/images/art/person2.jpg" class="img-rounded" style="width: 100px; height: 300px">
<img src="/images/art/person3.jpg" class="img-rounded" style="width: 120px; height: 300px">
<img src="/images/art/person4.jpg" class="img-rounded" style="width: 100px; height: 300px">
<img src="/images/art/person5.jpg" class="img-rounded" style="width: 120px; height: 300px">
<img src="/images/art/person6.JPG" class="img-rounded" style="width: 130px; height: 300px">
<img src="/images/art/person7.JPG" class="img-rounded" style="width: 120px; height: 300px">
<img src="/images/art/person8.JPG" class="img-rounded" style="width: 130px; height: 300px">
</div>
<div id="anim">
<h2 class="ruled">Surrealist animation of people</h2>
<img src="/images/art/swap.gif" class="img-rounded" style="width: 40%">
<br>
<br>
<img src="/images/art/5way.gif" class="img-rounded" style="width: 40%">
<br>
<br>
<img src="/images/art/final.gif" class="img-rounded" style="width: 50%">
</div>
<div id="final">
<h2 class="ruled">Final Piece:</h2>
<iframe class="embed-responsive-item" width="620" height="515" src="https://www.youtube.com/embed/3FOTzcgE-Is" frameborder="0" allowfullscreen="1">
</iframe>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

94
art/futurism.html
View File

@@ -1,94 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid" id="backgroundthree">
<div class="starter-template">
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h1>Futurism</h1>
<br>
</div>
<img src="http://exhibitions.guggenheim.org/futurism/content/images/futurism_landing_depero.jpg" align="left" title="Portrait of Da Vinci" class="img-rounded" style="margin: 20px 10px 0px 20px; width:400px">
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">
Futurism was an early 20th century Italian social and artistic movement. It was largely confined to Italy, although parallel movements did appear in England, Russia and elsewhere. Those of the Futurist movement experimented in every medium of art, from the traditional painting, sculpture and ceramics to literature, architecture and theater, even extending to gastronomy. In practice, much of their work was influenced by Cubism, and has been described as being of "plastic dynamism".
<br>&nbsp;
<br>Futurism was founded by Italian writer Filippo Tommaso Marinetti. It was launched in his <em>Futurist Manifesto</em>, which he published orginally on 5 February 1909. Additonally, it was reprinted by French Newspaper <em>Le Figaro</em> on 20th February. Marinetti was soon joined by the painters Umberto Boccioni, Carlo Carrà, Giacomo Balla, Gino Severini and the composer Luigi Russolo. As suggested by the name of the movement, Marinetti expressed a passitionate distaste for everything old, particularly artistic (and political) tradition. The Futurists were fascinated with new visual technology, such as chronophotography, which was an early predecessor to animation and cinema, allowing an object to be shown across a sequence of frames. This technique, and other new developments, encouraged the Futurists to attempt to evoke a sensation of movement in their artwork. Those of the movement admired anything that represented the technological advancement of humanity, and its triumph over nature, such as the automobile, aeroplane and industrial urban city. The Futurists struggled to represent the 'modern experience', and not only through to the visual medium. At their best, Futurist paintings and other artwork evoke the sensations of a metropolis' noise and heat. They were also passionate nationalists. Publishing manifestos such as the one orginally published by Marinetti became a feature of the movement, and under his guidance they wrote on varied subjects, from cooking to religion. Unlike many other modern art movements, a distinct Futurist artistic style was not developed until 1911, at Cubist influence.
<br>&nbsp;
<br>Many Italian Futurists supported Fascism in an attempt to support the modernisation of Italy, which was divided into the industrial North and rural South. After Fascism's triumph in Italy in 1922, the Futurists gained official acceptance in Italy, and the opportunity to carry out important works, especially in architecture. However, this meant that after Fascism's fall in the Second World War, many Futurists had career difficulties due to this association with a defeated regime.
<br>&nbsp;
<br>Futurism's leaves a legacy of its influence on other movemements. Futurism affected the development of many other 20th century movements, such as Dadaism and Surrealism. It additionally influenced the modern form of Science Fiction, Cyberpunk. A revival of sorts of the Futurist movement began in 1988 with the creation of the Neo-Futurist style of theatre in Chicago. Small neo-futurist movements are still active in New York, Montreal and Chicago.
</p>
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<h3>The piece that inspired this direction of research</h3>
</div>
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">This direction of research was additionally inspired by the direct link between the love of the Futurists for technology, and mechanisms, and the mechanical theme of my project.</p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

87
art/index.html
View File

@@ -1,87 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones - Art GCSE 2015</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<img src="/images/art/photos/hi6.jpg" width="300px" class="img-thumbnail" style="border: 5px solid #000;">
<div class="page-header">
<h1>Experiments in Clockwork</h1>
</div>
<h2>Arona Jones</h2>
<h3>Candidate Number: #1045</h3>
<h5>Web development by Arona Jones. Site uses <a href="http://getbootstrap.com">Bootstrap</a> with modified CSS. Kindly Hosted by Github.</h5>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

99
art/mechnaique.html
View File

@@ -1,99 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid" id="backgroundtwo">
<div class="starter-template">
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h1>Artwork Link: Ballet Mechanique</h1>
<br>
</div>
<div style="background-color: #F8ECC2;" class="shadow rounded padded">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="520" height="415" src="http://www.criticalcommons.org/Members/kfortmueller/clips/ballet-mechanique-1924/embed_view" frameborder="0" allowfullscreen="1" align="right" style="padding-left:20px;">
</iframe>
</div>
<p align="justify">Ballet Mécanique (1923–24) is a short art film created by French artist Fernand Léger working with Dudley Murphy, an American film director. Many consider it to be a masterpiece of experimental filmmaking. The film is in a post-Cubist style, and is part of the Dadist avant-garde art movement. The film was created during what has been dubbed Léger's 'mechanical period', where he combined abstract Constructivism with the surreal qualities of Dadism.</p>
<p align="justify">The film was summarised by a viewer as "a world in motion, dominated by mechanical and repetitive images, with a few moments of solitude in a garden.". It alternates between images of humans, and images of machines and mechanisms. In some scenes, such as a scene where a woman repeatedly climbs stairs, humans appear to move much more mechanically, which makes it seem as if they are becoming machines. In contrast, in other sequences machines appear much more fluid than humans, humanising the machines. This alternation between human and machine, and the film showing each taking on characteristics of the other, allows the film to suggest the mechanisation of humanity, and the humanisation of machines.
</p>
<img src="http://cdn8.openculture.com/wp-content/uploads/2012/09/ballet-mecanique.jpeg" class="img-rounded" align="left" style="padding:10px">
<p align="justify">
The American Composer George Antheil also wrote a score for the film, but it was orginally released seperate from the film, due to the piece being almost twice as long as the film, and at the time film soundtracks were played back from a roll of tape, in a 'player piano', and there was no way to synchronise the soundtrack and film. A version of the film with the addition of the soundtrack was not released until 2000. The soundtrack fits perfectly with the scenes in the film, heavy, mechanical and seemingly chaotic sounds perfectly accentuating the robotics and mechanisms shown to the viewer. The piece uses very unusal instruments to create some of the sounds, such as seven or so electric bells, a siren and even three airplane propellors, into the blades of which sticks were inserted.
</p>
</div>
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<h3>The piece that inspired this direction of research:</h3>
</div>
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
<br>&nbsp;
<br>
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">This link to Ballet Mechanique was additionally inspired by the direct link between the representation of mechanisms in the film, and the mechanical basis of my project.</p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

102
art/photos.html
View File

@@ -1,102 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="page-header">
<h1>Photo Based Work</h1>
</div>
<h2>Superimposing my Da Vinci pieces onto their base photographs</h2>
<img src="/images/art/combo/overlay.JPG" width="60%" class="img-rounded bordered">
<br>
<br>
<img src="/images/art/combo/overlay2.JPG" width="60%" class="img-rounded bordered">
<h2>Experiments with textures and my photographs</h2>
<img src="/images/art/tex/1.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/tex/2.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/tex/3.JPG" width="60%" class="img-rounded bordered">
<h2>Applying filters to my photographs</h2>
<img src="/images/art/filters/1.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/2.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/3.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/4.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/5.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/6.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/7.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/8.JPG" width="40%" class="img-rounded bordered">
<h2>Multiple Filters on the same photo</h2>
<img src="/images/art/filters/multi1.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/multi2.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/multi3.JPG" width="40%" class="img-rounded bordered">
<img src="/images/art/filters/multi4.JPG" width="40%" class="img-rounded bordered">
<h2>Animation of Photograph</h2>
<img src="/images/art/photoanim.gif" width="60%" class="img-rounded bordered">
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

78
art/present.html
View File

@@ -1,78 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="page-header">
<h1 style="background-color: #F8ECC2;">Final Piece</h1>
<img src="/images/art/anim1.gif" class="img-rounded bordered" width="600px">
<p>This piece is a composition of all the work done leading up to this point, involving both photography and digital drawing work that I then animated. </p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

362
art/record.html
View File

@@ -1,362 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/javascripts/lightbox.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="/css/lightbox.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="page-header">
<h1>Visual Recording</h1>
</div>
<!--- https://coggle.it/diagram/VLfT4yXrnNkp1ng6 --->
<h2 style="background-color: #F8ECC2;">I, Me, Mine - Subject Brainstorm</h2>
<iframe width='1000' height='600' src='https://embed.coggle.it/diagram/54b7d3e325eb9cd929d6783a/a742f2fe14ef101abb736d83c64e258c39d1152ac39e65f5e7ca3ba5f16184c5' frameborder='0' allowfullscreen></iframe>
<h6>All artwork used in this mindmap is copyright of the respective author.</h6>
<h2 style="background-color: #F8ECC2;">Photography</h2>
<div class="row">
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/1.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/1.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/2.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/2.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/3.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/3.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/4.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/4.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/5.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/5.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/6.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/6.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/7.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/7.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/8.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/8.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/9.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/9.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/10.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/10.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/11.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/11.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/12.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/12.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/13.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/13.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/14.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/14.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/15.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/15.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/16.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/16.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/17.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/17.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/18.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/18.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/19.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/19.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/20.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/20.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/21.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/21.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/22.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/22.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/23.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/23.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi1.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi1.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi2.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi2.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi3.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi3.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi4.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi4.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi5.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi5.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi6.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi6.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi7.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi7.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi8.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi8.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi9.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi9.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi10.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi10.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi11.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi11.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi12.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi12.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi13.jpg" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi13.jpg" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
</div>
<h2 style="background-color: #F8ECC2;">Video Recording of Clockwork Mechanisms</h2>
<div class="jumbotron">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="520" height="415" src="http://www.youtube.com/embed/xDeC6ZB3J5g?fs=1&showsearch=0" frameborder="0" allowfullscreen="1">
</iframe>
</div>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="520" height="415" src="http://www.youtube.com/embed/cDSUxLj--Wk?fs=1&showsearch=0" frameborder="0" allowfullscreen="1">
</iframe>
</div>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="520" height="415" src="http://www.youtube.com/embed/Q2KymGLOH6M?fs=1&showsearch=0" frameborder="0" allowfullscreen="1">
</iframe>
</div>
</div>
</div>
</div>
</body>
</html>

94
art/refine.html
View File

@@ -1,94 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/art.css" rel="stylesheet">
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="develop.html">Develop A01</a>
</li>
<li><a href="refine.html">Refine A02</a>
</li>
<li><a href="record.html">Record A03</a>
</li>
<li><a href="present.html">Present A04</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="starter-template">
<div class="row">
<div class="col-md-6">
<a href="ai.html">
<img src="/images/art/ai/clock2grad.jpg" align="center" title="Portal" class="img-rounded" style="width:350px; height:350px">
</a>
</div>
<div class="col-md-6">
<a href="photos.html">
<img src="/images/art/photos/hi5.jpg" align="center" title="Portal" class="img-rounded" style="width:350px; height:350px">
</a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="ai.html"><h3>Digital Drawing Work</h3></a>
</div>
<div class="col-md-6">
<a href="photos.html"><h3>Photograph Based Work</h3></a>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

144
brassgoggled/index.html
View File

@@ -2,115 +2,73 @@
<html lang="en"> <html lang="en">
<head> <head>
<script> <link href='css/main.css' rel='stylesheet'>
(function (i, s, o, g, r, a, m) { <link rel="stylesheet" href="css/animate.min.css">
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto'); <!--Import Google Icon Font-->
ga('send', 'pageview'); <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS --> <!-- Compiled and minified CSS -->
<link href="/css/main.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css"> <!-- Compiled and minified JavaScript -->
<link rel="stylesheet" href="/css/animate.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></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-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Custom styles for this template -->
<style> <style>
body { body {
padding-top: 50px; background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg);
background-attachment: fixed;
background-size: cover;
} }
.starter-template { div {
padding: 40px 15px; padding: inherit;
text-align: center;
} }
</style> </style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <title>BrassGoggledCoders</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <main>
<div class="container"> <div id="overlay">
<div class="navbar-header"> <div class="center" style="width: 100%; text-align: center;">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <div class="center" style="height: 100%;
<span class="sr-only">Toggle navigation</span> padding-top: 50px;
<span class="icon-bar"></span> padding-bottom: 50px;">
<span class="icon-bar"></span> <div class="container">
<span class="icon-bar"></span> <div class="grey darken-3">
<span class="icon-bar"></span> <!---<img src="images/.png" style="height: 150px;" class="animated fadeInDown">--->
</button> <h1 style="margin-top: -5px;">The Brass Goggled Coders</h1>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a> <h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">International team of hobbyist developers</h3>
</div> <br>
<div class="collapse navbar-collapse"> <div class="divider"></div>
<ul class="nav navbar-nav"> </div>
<li><a href="/brassgoggled/team.html">The Team</a> <div class="grey darken-4">
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a> </div>
</li> <div class="grey darken-3">
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a> </div>
</li> <div class="grey darken-4">
</ul> <div class="center">
</div> <a href="http://materializecss.com/">Materialize CSS by Google </a>|
<!--/.nav-collapse --> <a href="https://daneden.github.io/animate.css/"> Animate.css </a>|
</div> <a href="https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg"> Background Image</a>|
</nav> <a href="htt://game-icons.net"> Icons from Game-Icons.net</a>
<div class="container"> </div>
<div class="header starter-template"> Handcoded by Arona Jones. Kindly hosted by Github.
<h2>Information on the Team:</h2> </div>
<p class="text-justify">The BrassGoggledCoders are an internation team of hobbyist coders working to create steampunk themed mods for Minecraft.</p> </div>
<h2>Contact Us:</h2>
<ul class="text-left list-group">
<li class="list-group-item"><a href="mailto:brasscoders@gmail.com">Email</a>
</li>
<li class="list-group-item"><a href="https://twitter.com/brasscoders">Twitter</a>
</li>
<li class="list-group-item"><a href="https://github.com/BrassGoggledCoders">Github</a>
</li>
<li class="list-group-item"><a href="https://www.patreon.com/BrassGoggledCoders">Patreon</a>
</li>
</ul>
<div class="footer">
<div class="panel panel-primary">
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. See <a href="index.html">here</a> for other credits.</h6>
</div> </div>
</div> </div>
<br>
</div> </div>
</div> </main>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body> </body>
</html> </html>

216
brassgoggled/steamcraft.html
View File

@@ -1,216 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones - Forge Modding</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<div class="page-header">
<img src="http://i.imgur.com/JUcaxoQ.png" style="display: block;
margin-left: auto;
margin-right: auto;">
</div>
<div class="panel">
<div class="panel-body">
Steamcraft 2 is the second iteration of Proloe's Steamcraft mod, which was discontinued back in Minecraft B1.8.1. Other than the name, and a few of the original Steamcraft features/ideas, the mod has an entirely new take on all things steampunk. Its aim is to extend Minecraft by adding post-apocalyptic, retro-futuristic blocks/items for your (and our) enjoyment.
<br>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<a href="http://www.minecraftforum.net/forums/mapping-and-modding/minecraft-mods/wip-mods/2120327-steamcraft2-3-9-14-beta2-fluxian-storm" style="color:white">Minecraft Forums</a>
</label>
<label class="btn btn-primary">
<a href="http://www.planetminecraft.com/mod/164forge-steamcraft-2---the-rebirth-in-progress-night-vision-googles-guns-drills-steam/" style="color:white">Planet Minecraft</a>
</label>
<label class="btn btn-primary">
<a href="minecraft.curseforge.com/mc-mods/224017-steamcraft-2-beta-2-fluxian-storm/" style="color:white">CurseForge</a>
</label>
<label class="btn btn-primary">
<a href="http://sc2.wikia.com" style="color:white">Wiki (WIP!)</a>
</label>
<label class="btn btn-primary">
<a href="http://github.com/BrassGoggledCoders/SteamCraft2" style="color:white">Source Code</a>
</label>
<label class="btn btn-primary">
<a href="https://github.com/BrassGoggledCoders/SteamCraft2/issues" style="color:white">Issue Tracker</a>
</label>
<label class="btn btn-primary">
<a href="/brassgoggled/todo.html" style="color:white">Todo List</a>
</label>
</div>
<br>
<br>
<h5>Progress:</h5>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
30%
</div>
</div>
<h5>Download:</h5>
<iframe src="http://widget.mcf.li/mc-mods/minecraft/224017-steamcraft-2-beta-2-fluxian-storm" style="border: none;" width="500px"></iframe>
<iframe src="http://widget.mcf.li/mc-mods/minecraft/224018-boilerplate" style="border: none;" width="500px"></iframe>
<h5>Screenshots:</h5>
<div id="carousel-screenshots" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-screenshots" data-slide-to="0" class="active"></li>
<li data-target="#carousel-screenshots" data-slide-to="1"></li>
<li data-target="#carousel-screenshots" data-slide-to="2"></li>
<li data-target="#carousel-screenshots" data-slide-to="3"></li>
<li data-target="#carousel-screenshots" data-slide-to="4"></li>
<li data-target="#carousel-screenshots" data-slide-to="5"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://i.imgur.com/7Wutn37.png" alt="...">
<div class="carousel-caption">
Steam-Powered Hoe. Cast-Iron Fences.
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/MLqJv45.png" alt="...">
<div class="carousel-caption">
Bloomery (for steel creation)
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/qIU6Dmg.png" alt="...">
<div class="carousel-caption">
New Ores
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/2ZVD8CB.png" alt="...">
<div class="carousel-caption">
Steam Boiler
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/xtXxUYx.png" alt="...">
<div class="carousel-caption">
New Decorative Blocks
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/Ls4J8j1.png" alt="...">
<div class="carousel-caption">
Goggles!
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-screenshots" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-screenshots" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h5>Wallpapers:</h5>
<img src="https://copy.com/thumbs_public/ctgZmrrz1MSWtu0T/SteamCraft2_wallpaper_1.png?size=1024" width="50%" class="img-rounded">
<br>
<br>
<img src="https://copy.com/thumbs_public/Gs2ITfmxXWJ8OkV1/SteamCraft2_wallpaper_2.png?size=1024" width="50%" class="img-rounded">
<h5>Mod Compatibility:</h5>
<ul class="list-group">
<li class="list-group-item">Version Checker</li>
<li class="list-group-item">Tinker's Construct: Etherium is loaded as a tool material</li>
<li class="list-group-item">Botania: Shift-Right Clicking with the Lexica will take you to our wiki, instead of the FTB one</li>
<li class="list-group-item">Thaumcraft: Zinc and Tin are made compatible with the Cluster Ore System. Additionally a brass armor module that acts like Goggles of Revealing is also available</li>
</ul>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/api.js"></script>
</body>

114
brassgoggled/team.html
View File

@@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<div class="page-header">
<h4 align="left">The Team:</h4>
</div>
<div class="list-group">
<h5 class="list-group-item active">Coders:</h5>
<h5 class="list-group-item"><img src="/images/flag_england.png">&nbsp;&nbsp;warlordjones&nbsp;&nbsp;<a href="https://twitter.com/Jacknife98" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item"><img src="/images/flag_romania.png">&nbsp;&nbsp;decabaldecebal&nbsp;&nbsp;<a href="https://twitter.com/RaresSerban" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item"><img src="/images/flag_germany.png">&nbsp;&nbsp;domi1819&nbsp;&nbsp;</h5>
<h5 class="list-group-item active">Texturers:</h5>
<h5 class="list-group-item"><img src="/images/flag_hong_kong.png">&nbsp;&nbsp;Snurly&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_sweden.png">&nbsp;&nbsp;frothiny&nbsp;&nbsp;<a href="https://twitter.com/GMPD_frothiny" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item active">Others:</h5>
<h5 class="list-group-item"><img src="/images/flag_australia.png">&nbsp;&nbsp;MrIbby (Documentor and occasional coder)&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_usa.png">&nbsp;&nbsp;HCSarise (Documentor)&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_usa.png">&nbsp;&nbsp;ClockwerkKaiser (Chief Motivator and Tester :P)&nbsp;&nbsp;<a href="https://twitter.com/ClockwerkKaiser" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h6><small>Note to self: These icons are from 'FatCow' I think</small></h6>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>

115
brassgoggled/todo.html
View File

@@ -1,115 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="header starter-template">
<h2>Todo List</h2>
<ul class="list-group">
<li class="list-group-item">
<button type="button" class="btn btn-info" onclick="document.getElementById('votes1').innerHTML++">Vote</button> Cras justo odio <span class="badge" id="votes1">0</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Dapibus ac facilisis in <span class="badge">14</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Morbi leo risus <span class="badge">14</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Porta ac consectetur ac <span class="badge">14</span>li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Vestibulum at eros <span class="badge">14</span>
</li>
</ul>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>

5900
css/art.css
View File

File diff suppressed because it is too large Load Diff

5638
css/artexam.css
View File

File diff suppressed because it is too large Load Diff

44
css/custom.css
View File

@@ -1,44 +0,0 @@
.icon {
width: 50px;
}
.center {
margin-left: auto;
margin-right: auto;
}
#background {
background-image: url("/images/art/back.jpeg");
background-attachment: fixed;
}
#backgroundtwo {
background-image: url("/images/art/back2.jpg");
background-attachment: fixed;
background-repeat: repeat;
}
#backgroundthree {
background-image: radial-gradient(circle, #E6E1C7, #D64B12);
}
.shadow {
box-shadow: 10px 10px 10px #1C1C1C;
}
.rounded {
border-radius: 3px;
}
.padded {
padding: 20px;
}
.bordered {
border: 2px solid #000;
}
.photothumb {
width: 180px;
height: 140px;
}

12
css/hover-min.css vendored
View File

File diff suppressed because one or more lines are too long

187
css/lightbox.css
View File

@@ -1,187 +0,0 @@
/* Preload images */
body:after {
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/prev.png) left 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/next.png) right 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

1
css/main.css
View File

@@ -1,5 +1,4 @@
body { body {
font-family: 'Raleway', sans-serif;
color: white; color: white;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;

7
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

69
css/pygment_trac.css
View File

@@ -1,69 +0,0 @@
.highlight { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
.type-csharp .highlight .k { color: #0000FF }
.type-csharp .highlight .kt { color: #0000FF }
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
.type-csharp .highlight .nc { color: #2B91AF }
.type-csharp .highlight .nn { color: #000000 }
.type-csharp .highlight .s { color: #A31515 }
.type-csharp .highlight .sc { color: #A31515 }

1
css/screen.css
View File

File diff suppressed because one or more lines are too long

14
css/semantic.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
index.html
View File

@@ -36,7 +36,6 @@
<main> <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;">
<img src="http://www.gifs.net/Animation11/Webdesign_Elements/Under_Construction/constuction_bar.gif">
<div class="center" style="height: 100%; <div class="center" style="height: 100%;
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px;"> padding-bottom: 50px;">
@@ -52,18 +51,16 @@ padding-bottom: 50px;">
</div> </div>
<div class="dark"> <div class="dark">
<h4>About Me</h4> <h4>About Me</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor sapien ac tortor volutpat laoreet. Aenean eu augue ultricies, auctor magna vitae, vulputate enim. Duis quis enim nunc. Phasellus vitae eros metus. Aliquam quis elementum enim. Nulla suscipit sollicitudin sem at dictum. Sed eget imperdiet est, eget dignissim libero.</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="light">
<h4>Social Media</h4>
</div> </div>
<div class="dark"> <div class="dark">
<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> </div>
Handcoded by Arona Jones. Kindly hosted by Github. Handcoded by Arona Jones. Kindly hosted by Github.
</div> </div>