Permalink
Browse files

Added portrait to front page, added brand badge for Apprenticeship Pa…

…tterns, added details about Chris Phillips and fonts to the about page.
  • Loading branch information...
1 parent 622ff48 commit 8589ca6ec94846724619f7e15048e3eab4f083b1 @adewale committed Jan 28, 2012
Showing with 31 additions and 5 deletions.
  1. +10 −1 static/about.html
  2. +13 −1 static/books.html
  3. +5 −1 static/css/smallscreen.css
  4. +3 −2 static/theAbode.html
View
@@ -18,14 +18,23 @@
<p>Dave Hoover and I have written a book called <a href="http://www.amazon.co.uk/Apprenticeship-Patterns-Guidance-Aspiring-Craftsman/dp/0596518382">Apprenticeship Patterns</a>. It's about the acquisition, development and transmission of skill.</p>
<p>I'm toying with the idea of writing a second book. It would be about the foundation, maintenance and death of generative communities. I'm using the word <em>generative</em> to indicate that I'm not looking at the creativity or the productivity of these communities. Instead I care about their ability make new things happen.</p>
- <p>I work at Google as a Developer Advocate on the Social Web team. That means I care about a stack of technologies including OAuth, Pubsubhubbub and OStatus. It also means that I look for ways to improve the <a href="http://www.developerexperience.org">Developer Experience</a> of our APIs and platforms.</p>
+ <p>I work at Google as a Developer Advocate on the <a href="https://plus.google.com/">Google+</a> team. That means I care about a stack of technologies including OAuth, Pubsubhubbub and OStatus. It also means that I look for ways to improve the <a href="http://www.developerexperience.org">Developer Experience</a> of our APIs and platforms.</p>
+
+ <p>
+ <a href="http://www.openrightsgroup.org/"><img src="http://widgets.openrightsgroup.org/founding1000/i-started/593439.png" alt="I started the Open Rights Group." /></a>
+ <p>
</section>
<section>
<h1>About Oshineye.com</h1>
<p>This site is hosted on Google App Engine and you can find the code for it on Github.</p>
<p>The site was designed by first building a version for small-screen devices and then working out how to scale that up using technologies like Media Queries.</p>
+ <p>The fonts used are from TypeKit. I'm using <a href="https://typekit.com/fonts/chaparral-pro">Chaparral Pro</a> and <a href="https://typekit.com/fonts/cronos-pro">Cronos Pro.</a></p>
+ <p>
+ The portrait of me on the <a href="/">front page</a> was taken by <a href="http://www.cphillipsphotography.com/">Christopher Phillips</a>
+ </p>
+
</section>
</section><!-- End content section -->
View
@@ -6,6 +6,16 @@
<link href="css/smallscreen.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://use.typekit.com/dbg2jxe.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+<!-- Place this tag in the <head> of your document -->
+<link href="https://plus.google.com/103129427766892146453" rel="publisher" /><script type="text/javascript">
+window.___gcfg = {lang: 'en'};
+(function()
+{var po = document.createElement("script");
+po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
+var s = document.getElementsByTagName("script")[0];
+s.parentNode.insertBefore(po, s);
+})();</script>
</head>
<body>
@@ -14,7 +24,9 @@
<section id="content">
<section>
<p>I'm the co-author of Apprenticeship Patterns: Guidance for the aspiring software craftsman.</p>
- <a href="http://www.amazon.co.uk/Apprenticeship-Patterns-Guidance-Aspiring-Craftsman/dp/0596518382"><img src="images/apprenticeship_patterns_cover_small.gif" border="0"></a>
+ <a href="http://www.amazon.co.uk/Apprenticeship-Patterns-Guidance-Aspiring-Craftsman/dp/0596518382"><img src="images/apprenticeship_patterns_cover_small.gif" border="0" id="photo"></a>
+ <!-- Place this tag where you want the badge to render -->
+ <g:plus href="https://plus.google.com/103129427766892146453" width="400" height="131"></g:plus>
<ul>About the book
<li><a href="http://www.amazon.co.uk/Apprenticeship-Patterns-Guidance-Aspiring-Craftsman/dp/0596518382">Buy it from Amazon UK</a></li>
@@ -139,7 +139,6 @@ ul {
}
li {
- margin-left: 0.5em;
text-indent: 0.25em;
list-style: square inside;
}
@@ -180,6 +179,11 @@ section {
font-size:350%;
}
+#photo {
+ box-shadow: 0 0 65px #000 inset, 0 0 20px #000 inset, 0 0 5px #000;
+ /* Based on tutorial from: http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow */
+}
+
/* Media queries begin from here */
@media all and (min-width: 768px) {
body {
View
@@ -21,9 +21,11 @@
<section id="content">
<h1>Welcome</h1>
<p>I'm Ade Oshineye: programmer, writer and photographer. Everything else is...negotiable.
+ <br><br>
+ <img src="/images/ade_oshineye_portrait.jpg" id="photo"></img>
+
<ul>
<li><a href="http://profiles.google.com/adewale" rel="me">My Google profile</a></li>
- <li><a href="http://www.flickr.com/photos/adewale_oshineye/" rel="me">My photos</a></li>
<li><a href="http://www.c2.com/cgi-bin/wiki?AdewaleOshineye" rel="me">My homepage on the original wiki</a></li>
<li><a href="http://bookshelved.org/cgi-bin/wiki.pl?AdewaleOshineye" rel="me">My homepage on Bookshelved</a></li>
<li><a href="http://www.advogato.org/person/ade/" rel="me">My Advogato diary</a></li>
@@ -63,7 +65,6 @@
<!-- Google+ profile button -->
<a rel="author me" href="https://profiles.google.com/adewale"><img src="http://www.google.com/images/icons/ui/gprofile_button-64.png" width="64" height="64"></a>
- <a href="http://www.openrightsgroup.org/"><img src="http://widgets.openrightsgroup.org/founding1000/i-started/593439.png" alt="I started the Open Rights Group." /></a>
</p>
<!-- Google Analytics code -->
<script type="text/javascript">

0 comments on commit 8589ca6

Please sign in to comment.