Created
June 27, 2016 17:09
Star
You must be signed in to star a gist
bdosono.com - v5 - apex
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en-US"> | |
<head prefix="og: http://ogp.me/ns#"> | |
<meta charset="utf-8"> | |
<title>Bryan Dosono</title> | |
<meta name="description" content="Bryan Dosono is a PhD student in Information Science and Technology at Syracuse University."> | |
<meta name="keywords" content="Dosono"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
<meta property="og:title" content="Bryan Dosono"/> | |
<meta property="og:type" content="article"/> | |
<meta property="og:url" content="http://www.bdosono.com/"/> | |
<meta property="og:image" content="http://www.bdosono.com/splash.jpg"/> | |
<meta property="og:description" content="Bryan Dosono is a PhD student in Information Science and Technology at Syracuse University."/> | |
<meta property="og:site_name" content="Bryan Dosono"/> | |
<meta name="twitter:card" content="summary_large_image"> | |
<meta name="twitter:site" content="@bdosono"> | |
<meta name="twitter:title" content="Website of Bryan Dosono"> | |
<meta name="twitter:description" content="PhD student in Information Science and Technology at Syracuse University."> | |
<meta name="twitter:creator" content="@bdosono"> | |
<meta name="twitter:image:src" content="http://www.bdosono.com/splash.jpg"> | |
<meta name="twitter:domain" content="http://www.bdosono.com/"> | |
<link rel="canonical" href="http://www.bdosono.com/"> | |
<link rel="shortcut icon" href="favicon.ico"> | |
<script> | |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','analytics.js','ga');ga('create','UA-49418613-1','auto');ga('send','pageview'); | |
</script> | |
<style> | |
body,h1,h2{font-weight:300}aside,div{width:50%}.button,div{display:inline-block}html{font-family:Lato,Arial,sans-serif;font-size:75%}body{background:url(/apex.jpg) center top/cover no-repeat fixed;line-height:1;text-transform:uppercase}a{color:#006eb8;text-decoration:none}aside{background:#FFF;bottom:0;left:0;overflow:auto;position:fixed;top:0}h1{font-size:250%;margin:30px 0 0}h2{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);font-size:125%;margin:0;padding:5px 0}div{float:left}img{width:100%}.avatar{border-radius:50%;clear:both;height:150px;width:150px}p{color:grey;text-transform:none}section{margin:30px}.button{background-color:#006eb8;border:1px solid #006eb8;clear:both;color:#fff;padding:10px 20px}.photo{display:none}@media(max-width:480px){aside,div{width:100%}aside{overflow-x:hidden}.photo{display:block}} | |
</style> | |
</head> | |
<body itemscope itemtype="http://schema.org/Person"> | |
<aside> | |
<section> | |
<img itemprop="image" src="BryanDosono.jpg" alt="Photo of Bryan Dosono" class="avatar" title="Bryan Dosono's Profile Picture"/> | |
<h1 itemprop="name">Bryan Dosono</h1> | |
<p> | |
<span itemprop="jobTitle">PhD Student</span> in Information Science and Technology at <a href="https://ischool.syr.edu/people/directories/view/bdosono/" itemprop="affiliation" target="_blank" title="Syracuse University School of Information Studies">Syracuse University</a> | |
</p> | |
</section> | |
<section> | |
<div> | |
<h2>Insight</h2> | |
<p> | |
<span class="icon-scholar"></span><a href="https://scholar.google.com/citations?user=Xo2EwKQAAAAJ" target="_blank" title="Google Scholar">Google Scholar</a> (Research) | |
</p> | |
<p> | |
<a href="https://bdosono.tumblr.com/" target="_blank" title="Tumblr">Tumblr</a> (Reflections) | |
</p> | |
<p> | |
<a href="https://bdosono.blogspot.com/" target="_blank" title="Blogger">Blogger</a> (Travel) | |
</p> | |
</div> | |
<div> | |
<h2>Innovation</h2> | |
<p> | |
<a href="https://www.behance.net/bdosono" target="_blank" title="Behance">Behance</a> (Design) | |
</p> | |
<p> | |
<a href="https://github.com/bdosono/" target="_blank" title="GitHub">GitHub</a> (Development) | |
</p> | |
<p> | |
<a href="https://www.youtube.com/c/bdosono" target="_blank" title="YouTube">YouTube</a> (Creative) | |
</p> | |
</div> | |
</section> | |
<section> | |
<div> | |
<h2>Interaction</h2> | |
<p> | |
<a href="https://www.facebook.com/bdosono" target="_blank" title="Facebook">Facebook</a> (Social) | |
</p> | |
<p> | |
<a href="https://www.linkedin.com/in/bdosono" target="_blank" title="LinkedIn">LinkedIn</a> (Endorsements) | |
</p> | |
<p> | |
<a href="https://twitter.com/bdosono" target="_blank" title="Twitter">Twitter</a> (Updates) | |
</p> | |
</div> | |
<div> | |
<h2>Inquiry</h2> | |
<p> | |
<a href="https://about.me/bdosono" target="_blank" title="About Me">About Me</a> (Biography) | |
</p> | |
<p> | |
<a href = "mailto:infoATbdosonoDOTcom" onclick = "this.href=this.href .replace(/AT/,'@') .replace(/DOT/,'.')" target="_blank" title="Email">Email</a> (Contact) | |
</p> | |
<p> | |
<a href="https://keybase.io/bdosono" target="_blank" title="KeyBase">KeyBase</a> (Encryption) | |
</p> | |
</div> | |
</section> | |
<section> | |
<a class="button" href="/cv.pdf" target="_blank" title="Download Curriculum Vitae">Download Curriculum Vitae</a> | |
</section> | |
<img class="photo" src="/apex.jpg" alt="Photo of Mountain" title="Mountain"/> | |
</aside> | |
</body> | |
</html> | |
<!--View the evolution of this page design at https://www.behance.net/wip/548709/1645355.--> | |
<!--Developed and incorporated under a Creative Commons Attribution 4.0 International License by Bryan Dosono.--> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment