Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
bdosono.com - v5 - apex
<!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>&nbsp;
</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/,'&#64;') .replace(/DOT/,'&#46;')" target="_blank" title="Email">Email</a> (Contact)
</p>
<p>
<a href="https://keybase.io/bdosono" target="_blank" title="KeyBase">KeyBase</a> (Encryption)
</p>&nbsp;
</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