Begin website beautification
This commit is contained in:
Arona Jones
130
art/develop.html
130
art/develop.html
@@ -1,66 +1,90 @@
|
||||
<!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">
|
||||
<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>
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
<!-- 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">
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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>
|
||||
</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 -->
|
||||
<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>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<h1>Artist Link: Leonardo Da Vinci</h1>
|
||||
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Francesco_Melzi_-_Portrait_of_Leonardo_-_WGA14795.jpg/220px-Francesco_Melzi_-_Portrait_of_Leonardo_-_WGA14795.jpg" align="left" title="Portrait of Da Vinci">
|
||||
<p spellcheck="true" align="justify">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> <br>He was a Italian polymath, an individual with an expertise in a range of skills. His skills spanned from painter and sculptor to inventor and engineer to botanist 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. 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), concentrated 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, but he did not publish these findings, so these discoveries had no great effect on later scientific developments.</p>
|
||||
|
||||
<h3>One of his mechanical drawings: </h3>
|
||||
<p><img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%"></p>
|
||||
<h3>And my image in his style:</h3>
|
||||
<p><img src="/images/art/ai/clock2vinci.jpg" width="50%"></p>
|
||||
<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>
|
||||
<!-- 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>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<h1>Artist Link: Leonardo Da Vinci</h1>
|
||||
|
||||
<img src="/images/art/vinci-portrait.png" align="left" title="Portrait of Da Vinci" class="img-circle" style="margin-right:10px;">
|
||||
<p spellcheck="true" align="justify">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>
|
||||
<br>He was a Italian polymath, an individual with an expertise in a range of skills. His skills spanned from painter and sculptor to inventor and engineer to botanist 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. 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), concentrated 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, but he did not publish these findings, so these discoveries had no great effect on later scientific developments.
|
||||
<br>
|
||||
<br>Personally, I have always been greatly inspired by Da Vinci's prowess in both technical drawing and inventing, hence my image in his style, and choice of subject for this project.</p>
|
||||
|
||||
<h3>One of his mechanical drawings: </h3>
|
||||
<p>
|
||||
<img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%" class="img-rounded">
|
||||
</p>
|
||||
<h3>And my image in his style:</h3>
|
||||
<p>
|
||||
<img src="/images/art/ai/clock2vinci.jpg" width="50%" class="img-rounded">
|
||||
</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>
|
||||
|
||||
120
art/index.html
120
art/index.html
@@ -1,63 +1,83 @@
|
||||
<!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">
|
||||
<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>
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
<!-- 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">
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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>
|
||||
<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="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>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="starter-template">
|
||||
<h5>Web development by Arona Jones. Site uses <a href="http://getbootstrap.com">Bootstrap</a> with modified CSS. Kindly Hosted by Github.</h5>
|
||||
<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>
|
||||
<!-- 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>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div class="starter-template">
|
||||
<h2>Arona Jones</h2>
|
||||
<h3>Candidate Number: #????</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>
|
||||
|
||||
160
art/refine.html
160
art/refine.html
@@ -1,97 +1,89 @@
|
||||
<!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">
|
||||
<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>
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
<!-- 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">
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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>
|
||||
</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 -->
|
||||
<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>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<h1>Illustrator</h1>
|
||||
|
||||
<h2>Gradiented Images</h2>
|
||||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
|
||||
<div class="item active">
|
||||
<img src="/images/art/ai/clock1grad.jpg" alt="...">
|
||||
<div class="carousel-caption">
|
||||
...
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<img src="/images/art/ai/clock2grad.jpg" alt="...">
|
||||
<div class="carousel-caption">
|
||||
...
|
||||
</div>
|
||||
</div>
|
||||
...
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
<h2>Da Vinci</h2>
|
||||
<img src="/images/art/ai/clock2vinci.jpg" width="60%">
|
||||
<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>
|
||||
<!-- 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>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<h1>Illustrator</h1>
|
||||
<h2>Gradiented Images</h2>
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/images/art/ai/clock1grad.jpg" alt="...">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/images/art/ai/clock2grad.jpg" alt="...">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Da Vinci</h2>
|
||||
<img src="/images/art/ai/clock2vinci.jpg" width="60%">
|
||||
</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>
|
||||
|
||||
@@ -39,6 +39,8 @@
|
||||
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
|
||||
|
||||
<script src="/javascripts/api.js"></script>
|
||||
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
|
||||
<script type="text/javascript" src="analyticsCharts.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -93,10 +95,15 @@
|
||||
document.getElementById("repos").innerHTML += "<p>" + data.public_repos + "</p>"
|
||||
};
|
||||
</script>
|
||||
<div class="jumbotron" id="repos">
|
||||
<div class="jumbotron" id="github">
|
||||
<h3>Github</h3>
|
||||
<p>Public Repositories:</p>
|
||||
<span id="repos"></span>
|
||||
</div>
|
||||
<div class="jumbotron" id="google">
|
||||
<h3>SteamCraft2 Downloads:</h3>
|
||||
<!---Todo-->
|
||||
</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>
|
||||
|
||||
BIN
images/art/vinci-portrait.png
Normal file
BIN
images/art/vinci-portrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
Reference in New Issue
Block a user