Added line breaks under images, and added a white frame around them

This commit is contained in:
thepaperpilot 2015-11-05 10:16:53 -06:00
parent e9cf0e2c04
commit 9bcc66c98d
5 changed files with 46 additions and 33 deletions

View file

@ -51,3 +51,7 @@ ul.posts {
ul.posts li { ul.posts li {
list-style: none; list-style: none;
} }
img {
border:1px solid #FFFFFF;
}

View file

@ -10,18 +10,21 @@ title: Digital Drawing
<p> <p>
I also like making digital art! In particular, space scapes. Here's a portolio of pieces I've made in various medias. I also like making digital art! In particular, space scapes. Here's a portolio of pieces I've made in various medias.
</p> </p>
<img src="./bg.jpg" width="384" height="216"> <div style="overflow:hidden;">
<img src="./lightbulb_2.png" width="321" height="216"> <img src="./bg.jpg" width="384" height="216">
<img src="./planet 1.jpg" width="216" height="216"> <img src="./lightbulb_2.png" width="321" height="216">
<img src="./planet 2.jpg" width="216" height="216"> <img src="./planet 1.jpg" width="216" height="216">
<img src="./planet 3.jpg" width="384" height="216"> <img src="./planet 2.jpg" width="216" height="216">
<img src="./planet 4.jpg" width="216" height="216"> <img src="./planet 3.jpg" width="384" height="216">
<img src="./planet 5.jpg" width="216" height="216"> <img src="./planet 4.jpg" width="216" height="216">
<img src="./planet 6.jpg" width="384" height="216"> <img src="./planet 5.jpg" width="216" height="216">
<img src="./planet 7.jpg" width="384" height="216"> <img src="./planet 6.jpg" width="384" height="216">
<img src="./planet 8.jpg" width="247" height="216"> <img src="./planet 7.jpg" width="384" height="216">
<img src="./planet 9.jpg" width="384" height="216"> <img src="./planet 8.jpg" width="247" height="216">
<img src="./planet 10.jpg" width="384" height="216"> <img src="./planet 9.jpg" width="384" height="216">
<img src="./planet 11.jpg" width="384" height="216"> <img src="./planet 10.jpg" width="384" height="216">
<img src="./planet 12.jpg" width="384" height="216"> <img src="./planet 11.jpg" width="384" height="216">
<img src="./planet 12.jpg" width="384" height="216">
</div>
<br>
</div> </div>

View file

@ -16,8 +16,10 @@ title: iCan
<p> <p>
<a href="https://github.com/thepaperpilot/Computer-Science-Kiosk" title="Github repository">Github Page</a> <a href="https://github.com/thepaperpilot/Computer-Science-Kiosk" title="Github repository">Github Page</a>
</p> </p>
<img src="./Screenshots/Screenshot_2015-09-27-10-51-38.png" alt="Snapshot 1" width="360" height="640"> <div style="overflow:hidden;">
<img src="./Screenshots/Screenshot_2015-09-27-10-51-49.png" alt="Snapshot 2" width="360" height="640"> <img src="./Screenshots/Screenshot_2015-09-27-10-51-38.png" alt="Snapshot 1" width="360" height="640">
<img src="./Screenshots/Screenshot_2015-09-27-10-52-23.png" alt="Snapshot 3" width="360" height="640"> <img src="./Screenshots/Screenshot_2015-09-27-10-51-49.png" alt="Snapshot 2" width="360" height="640">
<br> <img src="./Screenshots/Screenshot_2015-09-27-10-52-23.png" alt="Snapshot 3" width="360" height="640">
</div>
<br><br>
</div> </div>

View file

@ -16,11 +16,13 @@ title: Computer Science Kiosk
<p> <p>
<a href="https://github.com/thepaperpilot/Computer-Science-Kiosk" title="Github repository">Github Page</a> <a href="https://github.com/thepaperpilot/Computer-Science-Kiosk" title="Github repository">Github Page</a>
</p> </p>
<img src="./photos/0.jpeg" alt="Snapshot 1" width="249" height="443"> <div style="overflow:hidden;">
<img src="./photos/1.jpeg" alt="Snapshot 2" width="590" height="443"> <img src="./photos/0.jpeg" alt="Snapshot 1" width="249" height="443">
<img src="./photos/2.jpeg" alt="Snapshot 3" width="249" height="443"> <img src="./photos/1.jpeg" alt="Snapshot 2" width="590" height="443">
<img src="./photos/3.jpeg" alt="Snapshot 4" width="249" height="443"> <img src="./photos/2.jpeg" alt="Snapshot 3" width="249" height="443">
<img src="./photos/4.jpeg" alt="Snapshot 5" width="249" height="443"> <img src="./photos/3.jpeg" alt="Snapshot 4" width="249" height="443">
<img src="./photos/5.jpeg" alt="Snapshot 6" width="249" height="443"> <img src="./photos/4.jpeg" alt="Snapshot 5" width="249" height="443">
<br> <img src="./photos/5.jpeg" alt="Snapshot 6" width="249" height="443">
</div>
<br><br>
</div> </div>

View file

@ -17,12 +17,14 @@ title: Space Game
<a href="http://thepaperpilot.itch.io/space-game" title="Itch.io store page" style="margin-right: 20px;">Store Page</a> <a href="http://thepaperpilot.itch.io/space-game" title="Itch.io store page" style="margin-right: 20px;">Store Page</a>
<a href="https://youtu.be/L7LPhxCTn2Y">Video Trailer</a> <a href="https://youtu.be/L7LPhxCTn2Y">Video Trailer</a>
</p> </p>
<img src="./screenshots/snap1.png" alt="Snapshot 1" width="192" height="108"> <div style="overflow:hidden;">
<img src="./screenshots/snap2.png" alt="Snapshot 2" width="192" height="108"> <img src="./screenshots/snap1.png" alt="Snapshot 1" width="192" height="108">
<img src="./screenshots/snap3.png" alt="Snapshot 3" width="192" height="108"> <img src="./screenshots/snap2.png" alt="Snapshot 2" width="192" height="108">
<img src="./screenshots/snap4.png" alt="Snapshot 4" width="192" height="108"> <img src="./screenshots/snap3.png" alt="Snapshot 3" width="192" height="108">
<img src="./screenshots/snap5.png" alt="Snapshot 5" width="192" height="108"> <img src="./screenshots/snap4.png" alt="Snapshot 4" width="192" height="108">
<img src="./screenshots/snap6.png" alt="Snapshot 6" width="192" height="108"> <img src="./screenshots/snap5.png" alt="Snapshot 5" width="192" height="108">
<img src="./screenshots/snap7.png" alt="Snapshot 7" width="192" height="108"> <img src="./screenshots/snap6.png" alt="Snapshot 6" width="192" height="108">
<br> <img src="./screenshots/snap7.png" alt="Snapshot 7" width="192" height="108">
</div>
<br><br>
</div> </div>