Updates. Social grid is still borked. No idea why
This commit is contained in:
Arona Jones
@@ -1,34 +1,43 @@
|
|||||||
.icon {
|
.icon {
|
||||||
width: 40px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.center {
|
.center {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#background {
|
#background {
|
||||||
background-image: url("/images/art/back.jpeg");
|
background-image: url("/images/art/back.jpeg");
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backgroundtwo {
|
#backgroundtwo {
|
||||||
background-image: url("/images/art/back2.jpg");
|
background-image: url("/images/art/back2.jpg");
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-repeat: repeat;
|
background-repeat: repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backgroundthree {
|
#backgroundthree {
|
||||||
background-image: radial-gradient(circle, #E6E1C7, #D64B12);
|
background-image: radial-gradient(circle, #E6E1C7, #D64B12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow {
|
.shadow {
|
||||||
box-shadow: 10px 10px 10px #1C1C1C;
|
box-shadow: 10px 10px 10px #1C1C1C;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded {
|
.rounded {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padded {
|
.padded {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bordered {
|
.bordered {
|
||||||
border: 2px solid #000;
|
border: 2px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.photothumb {
|
.photothumb {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
height: 140px;
|
height: 140px;
|
||||||
|
|||||||
82
index.html
82
index.html
@@ -99,12 +99,11 @@
|
|||||||
<br>
|
<br>
|
||||||
<div class="jumbotron row">
|
<div class="jumbotron row">
|
||||||
<h3>Computer Specs:</h3>
|
<h3>Computer Specs:</h3>
|
||||||
<p>My main computer is currently a mid-2012 Macbook Pro, which I have modified considerably. I've upgraded the ram to 8GB, and replaced the optical drive with a hard drive caddy, which contains a WD Blue 1TB. I'll probably purchase another 1TB drive to put in the normal hard drive slot too.</p>
|
<p>My main computer is currently a mid-2012 Macbook Pro, which I have modified considerably. I've upgraded the ram to 8GB, and replaced the optical drive with a hard drive caddy, which contains a WD Blue 1TB. I'll probably purchase another 1TB drive to put in the normal hard drive slot too. I'm stuck with Intel Integrated Grapics though.</p>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div class="footer" style="margin-left: 50px; margin-right: 50px">
|
<div class="footer" style="margin-left: 50px; margin-right: 50px">
|
||||||
<div class="row animated fadeInRightBig" style="float: none;
|
<div class="row animated fadeInRightBig">
|
||||||
margin: 0 auto; margin-left: 200px;">
|
|
||||||
<div class="col-md-1">
|
<div class="col-md-1">
|
||||||
<a href="http://twitter.com/warlordjones_">
|
<a href="http://twitter.com/warlordjones_">
|
||||||
<img src="/images/links/twitter.png" class="icon">
|
<img src="/images/links/twitter.png" class="icon">
|
||||||
@@ -130,6 +129,8 @@
|
|||||||
<img src="/images/links/youtube.png" class="icon">
|
<img src="/images/links/youtube.png" class="icon">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row animated fadeInRightBig">
|
||||||
<div class="col-md-1">
|
<div class="col-md-1">
|
||||||
<a href="https://github.com/warlordjones">
|
<a href="https://github.com/warlordjones">
|
||||||
<img src="/images/links/github.png" class="icon">
|
<img src="/images/links/github.png" class="icon">
|
||||||
@@ -171,44 +172,45 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
</div>
|
||||||
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
|
<br>
|
||||||
<div class="btn-group btn-group-justified">
|
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
|
||||||
<div class="btn-group">
|
<div class="btn-group btn-group-justified">
|
||||||
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a>
|
<div class="btn-group">
|
||||||
</button>
|
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a>
|
||||||
</div>
|
</button>
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">Cyborg Theme</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group">
|
|
||||||
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<div class="btn-group">
|
||||||
<br>
|
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">Cyborg Theme</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
</div>
|
</div>
|
||||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
<!-- 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="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
|
|||||||
Reference in New Issue
Block a user