kirsle/kirsle.net
1
0
Fork 0
mirror of https://github.com/kirsle/kirsle.net synced 2024-12-22 15:09:29 +00:00
Code Releases Activity

Responsive markdown images, update about page layout

Browse Source
This commit is contained in:
Noah 2014-12-16 03:46:40 +00:00
parent 1ca063858b
commit 4cf94e15cc
3 changed files with 25 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
www/about.html
View File

@ -5,49 +5,21 @@
<h1>About Me</h1> <h1>About Me</h1>
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-lg-2">
<img src="/static/photos/ff7ec4f5.jpg" width="256" height="256" alt="Kirsle" class="portrait"><p> <img src="/static/photos/ff7ec4f5.jpg" class="img-responsive portrait" alt="Kirsle"><p>
<table border="0" cellspacing="0" cellpadding="4">
<tr>
<td>
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM"> <img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
</td> <strong>AIM:&nbsp;&nbsp;&nbsp;</strong>
<td> <a href="aim:goim?ScreenName=Kirsle">Kirsle</a><br>
<strong>AIM:</strong>
</td>
<td>
<a href="aim:goim?ScreenName=Kirsle">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/skype.png" width="16" height="!6" alt="Skype">
</td>
<td>
<strong>Skype:</strong>
</td>
<td>
<a href="skype:kirsle?chat">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP"> <img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
</td>
<td>
<strong>XMPP:</strong> <strong>XMPP:</strong>
</td> kirsle@kirsle.net<p>
<td>
kirsle@kirsle.net
</td>
</tr>
</table><p>
&#0164; <a href="/contact">Send me an e-mail</a> &#0164; <a href="/contact">Send me an e-mail</a>
</div> </div>
<div class="col-md-10"> <div class="col-lg-10">
<h2>Hello world!</h2> <h2>Hello world!</h2>
My name is <strong>Noah</strong> and this is my website. I am a software engineer who lives in My name is <strong>Noah</strong> and this is my website. I am a software engineer who lives in

16
www/contact/index.html
View File

@ -5,7 +5,8 @@
<h1>Contact Me</h1> <h1>Contact Me</h1>
You can use the form below to send me an e-mail. Alternatively you can contact You can use the form below to send me an e-mail. Alternatively you can contact
me on an instant messenger: me on an instant messenger
(<a href="https://otr.cypherpunks.ca/">Off-the-Record</a> optional):<p>
<blockquote> <blockquote>
<table class="table" style="width: auto" border="0" cellspacing="4" cellpadding="4"> <table class="table" style="width: auto" border="0" cellspacing="4" cellpadding="4">
@ -20,17 +21,6 @@ me on an instant messenger:
<a href="aim:goim?ScreenName=Kirsle">Kirsle</a> <a href="aim:goim?ScreenName=Kirsle">Kirsle</a>
</td> </td>
</tr> </tr>
<tr>
<td>
<img src="/static/icons/skype.png" width="16" height="!6" alt="Skype">
</td>
<td>
<strong>Skype:</strong>
</td>
<td>
<a href="skype:kirsle?chat">Kirsle</a>
</td>
</tr>
<tr> <tr>
<td> <td>
<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP"> <img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
@ -39,7 +29,7 @@ me on an instant messenger:
<strong>XMPP:</strong> <strong>XMPP:</strong>
</td> </td>
<td> <td>
kirsle@kirsle.net noah@kirsle.net
</td> </td>
</tr> </tr>
</table> </table>

12
www/solar/ui.css
View File

@ -113,6 +113,12 @@ acronym,abbr {
p { p {
margin: 10px 0px; margin: 10px 0px;
} }
ul {
margin: 10px 0px;
}
blockquote {
margin: 20px 0px;
}
/* Our own custom nav button for Bootstrap */ /* Our own custom nav button for Bootstrap */
.mobile-nav { .mobile-nav {
@ -427,6 +433,12 @@ ul.blog-categories li:last-child:after {
-webkit-box-shadow: 0px 0px 4px #0099FF; -webkit-box-shadow: 0px 0px 4px #0099FF;
} }
/* Responsive images in markdown */
.markdown img {
max-width: 100%;
height: auto;
}
/************* /*************
* Eye Candy * * Eye Candy *
************/ ************/