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

Remove inline orange image borders, and replace with file defined black ones

Browse Source
This commit is contained in:
Arona Jones
2015-01-14 09:22:58 +00:00
parent 4b83d4d58c
commit 3da31dd8b7
3 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
art/develop.html
View File

@@ -82,17 +82,17 @@
<br>
</div>
<p>
<img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%" class="img-rounded" style="border:2px solid #ed8029;">
<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" style="border:2px solid #ed8029;">
<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" style="border:2px solid #ed8029;">
<img src="/images/art/ai/clock4vinci.jpg" width="50%" class="img-rounded bordered">
</div>
</div>

42
art/refine.html
View File

@@ -63,34 +63,34 @@
<div class="container-fluid">
<div class="starter-template">
<h2>Da Vinci</h2>
<img src="/images/art/ai/clock2vinci.jpg" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/ai/clock4vinci.jpg" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<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>Layered AIs</h2>
<img src="/images/art/ai/clocklayers.jpg" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/ai/clocklayers1.jpg" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<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>Superimposing my Da Vinci pieces onto their base photographs</h2>
<img src="/images/art/combo/overlay.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<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" style="border:2px solid #ed8029;">
<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" style="border:2px solid #ed8029;">
<img src="/images/art/tex/2.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/tex/3.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<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/5.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/6.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/7.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/5.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/6.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/7.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/5.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/6.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/7.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/5.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/6.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/7.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
<h2>Multiple Filters on the same photo</h2>
<img src="/images/art/filters/multi1.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/multi2.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/multi3.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/multi4.JPG" width="60%" class="img-rounded" style="border:2px solid #ed8029;">
<img src="/images/art/filters/multi1.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/multi2.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/multi3.JPG" width="60%" class="img-rounded bordered">
<img src="/images/art/filters/multi4.JPG" width="60%" class="img-rounded bordered">
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

3
css/custom.css
View File

@@ -35,4 +35,7 @@
}
.padded {
padding: 20px;
}
.bordered {
border: 2px solid #000;
}