mirror of
https://github.com/kirsle/kirsle.net
synced 2024-12-22 06:59:29 +00:00
Responsive markdown images, update about page layout
This commit is contained in:
parent
1ca063858b
commit
4cf94e15cc
|
@ -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">
|
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
|
||||||
<tr>
|
<strong>AIM: </strong>
|
||||||
<td>
|
<a href="aim:goim?ScreenName=Kirsle">Kirsle</a><br>
|
||||||
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
|
|
||||||
</td>
|
<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
|
||||||
<td>
|
<strong>XMPP:</strong>
|
||||||
<strong>AIM:</strong>
|
kirsle@kirsle.net<p>
|
||||||
</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">
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<strong>XMPP:</strong>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
kirsle@kirsle.net
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table><p>
|
|
||||||
|
|
||||||
¤ <a href="/contact">Send me an e-mail</a>
|
¤ <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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 *
|
||||||
************/
|
************/
|
||||||
|
|
Loading…
Reference in New Issue
Block a user