mirror of
https://github.com/kennethreitz-archive/fablib-www.git
synced 2026-06-17 13:51:00 +00:00
Kenneth Reitz
265 lines
9.1 KiB
HTML
Executable File
265 lines
9.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
{% block title %}
|
|
<title>INFP Personality Type — Fallib</title>
|
|
{% endblock %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- Loading Bootstrap -->
|
|
<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
|
|
<!-- Loading Flat UI -->
|
|
<link href="/static/css/flat-ui.css" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7584432/636462/css/fonts.css" />
|
|
<link rel="shortcut icon" href="/static/images/favicon.ico">
|
|
|
|
<style type="text/css">
|
|
body {
|
|
font-family: 'Ideal Sans A', 'Ideal Sans B'!important; font-weight: 400; font-style: normal;
|
|
}
|
|
|
|
.navbar .nav > li > a, footer a {
|
|
font-weight: 400!important;
|
|
text-decoration: none!important;
|
|
}
|
|
/*.ideal {
|
|
font-family: 'Ideal Sans A', 'Ideal Sans B'!important; font-weight: 400; font-style: normal;
|
|
}*/
|
|
|
|
</style>
|
|
|
|
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
|
|
<!--[if lt IE 9]>
|
|
<script src="/static/js/html5shiv.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<div class="filler"> </div>
|
|
|
|
<div class="col-md-9">
|
|
<p>
|
|
<!-- <strong> / </strong> -->
|
|
<a href="/">fallib</a>
|
|
<strong> / </strong>
|
|
{% block path %}
|
|
<a href="/kennethreitz">kennethreitz</a>
|
|
<strong> / </strong>
|
|
<a href="/kennethreitz">personal/infp</a>
|
|
{% endblock %}
|
|
<hr />
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
{% block menubar %}
|
|
<div class="row demo-row">
|
|
<div class="col-md-9">
|
|
<div class="navbar navbar-inverse">
|
|
<div class="navbar-header">
|
|
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target="#nav-collapse-01"></button>
|
|
</div>
|
|
<div class="navbar-collapse collapse" id="nav-collapse-01">
|
|
<ul class="nav">
|
|
|
|
<li class="active">
|
|
<a href="#fakelink">
|
|
<span class="fui-radio-unchecked"> </span>
|
|
Review
|
|
<span class="navbar-unread">1</span>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a href="#fakelink">
|
|
<span class="fui-new"> </span>
|
|
Update
|
|
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a href="">
|
|
<span class="fui-time"> </span>
|
|
History
|
|
</a>
|
|
</li>
|
|
|
|
<li class="">
|
|
<a href="">
|
|
<span class="fui-mail"> </span>
|
|
Revisions
|
|
<span class="navbar-unread">1</span>
|
|
</a>
|
|
|
|
</li>
|
|
<li class="">
|
|
<a href="">
|
|
<span class="fui-cross"> </span>
|
|
Archive
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div><!--/.nav -->
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
<div class="content col-md-9 ideal">
|
|
{% block content %}
|
|
<h1 class="h2">INFP Personality Type</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<h3>Astonishment</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<hr />
|
|
<a href="/content/38d0f91a99c57d189416439ce377ccdcd92639d0">
|
|
<span class="fui-time"> </span>
|
|
<code style="color: #16a085!important;background-color:white!important;">38d0f91a99c57d189416439ce377ccdcd92639d0</code>
|
|
</a>
|
|
|
|
|
|
{% endblock %}
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3">
|
|
<div class="row" style="height: 60px;"></div>
|
|
<!-- <div class="container">
|
|
|
|
<p>
|
|
<a href="/"><span class="fui-gear"></span></a>
|
|
<a href="/">/kennethreitz</a>
|
|
<p><a href="#fakelink" class="btn btn-block bbtn-primary"><span class="fui-new"> </span> Suggest Revision</a></p>
|
|
|
|
</p>
|
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- /.container -->
|
|
<div class="row" style="height: 80px;"></div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
|
|
<div class="container">
|
|
{% block footer%}
|
|
|
|
<h3 class="footer-title">External Links</h3>
|
|
|
|
<p>
|
|
<a href="/archive?q=http://theverge.com/" title="Archived Version">
|
|
<span class="fui-time"> </span>
|
|
</a>
|
|
<a href="http://theverge.com/">
|
|
http://theverge.com/
|
|
</a>
|
|
</p>
|
|
|
|
<p>
|
|
<a href="/archive?q=http://api.fallib.com/content/38d0f91a99c57d189416439ce377ccdcd92639d0" title="Archived Version">
|
|
<span class="fui-time"> </span>
|
|
</a>
|
|
<a href="http://api.fallib.com/content/38d0f91a99c57d189416439ce377ccdcd92639d0">
|
|
http://api.fallib.com/content/38d0f91a99c57d189416439ce377ccdcd92639d0
|
|
</a>
|
|
</p>
|
|
|
|
{% endblock %}
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div> <!-- /col-md-7 -->
|
|
|
|
<div class="col-md-5">
|
|
<div class="footer-banner">
|
|
<h3 class="footer-title">Fallib?</h3>
|
|
<p>Fallib is for sharing information — from how-to's, thoughts, feelings, prose, to poetry.</p>
|
|
<p>We're trying to change the world.</p>
|
|
<p>Come, grow with us!</p>
|
|
<hr/>
|
|
<div class="col-md-1"></div>
|
|
<div class="col-md-5">
|
|
{% if user %}
|
|
<p><a href=""><span class="fui-user"> </span> Log In</a></p>
|
|
<p><a href=""><span class="fui-plus"> </span> Sign Up</a></p>
|
|
{% else %}
|
|
<p><a href=""><span class="fui-gear"> </span> Settings</a></p>
|
|
<p><a href=""><span class="fui-cross"> </span> Log Out</a></p>
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
<p><a href=""><span class="fui-heart"> </span> Learn More</a></p>
|
|
<p><a href=""><span class="fui-chat"> </span> Contact Us</a></p>
|
|
|
|
|
|
|
|
<!-- <a href="#fakelink" class="btn btn-block btn-lg btn-warning">Sign Up / Log In</a> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- Load JS here for greater good =============================-->
|
|
<script src="/static/js/jquery-1.8.3.min.js"></script>
|
|
<script src="/static/js/jquery-ui-1.10.3.custom.min.js"></script>
|
|
<script src="/static/js/jquery.ui.touch-punch.min.js"></script>
|
|
<script src="/static/js/bootstrap.min.js"></script>
|
|
<script src="/static/js/bootstrap-select.js"></script>
|
|
<script src="/static/js/bootstrap-switch.js"></script>
|
|
<script src="/static/js/flatui-checkbox.js"></script>
|
|
<script src="/static/js/flatui-radio.js"></script>
|
|
<script src="/static/js/jquery.tagsinput.js"></script>
|
|
<script src="/static/js/jquery.placeholder.js"></script>
|
|
</body>
|
|
</html>
|