mirror of
https://github.com/jessebot/tiny_personal_website.git
synced 2025-10-01 01:48:43 +00:00
overhauling to alpha bootstrap
This commit is contained in:
parent
d3e2810a55
commit
247604bb6a
15 changed files with 337 additions and 192 deletions
|
|
@ -13,6 +13,8 @@ Globals:
|
|||
profile_quote: "The internet is great. Please enjoy this sample webpage."
|
||||
# Full URL to your github
|
||||
github_URL: 'https://github.com/jessebot'
|
||||
# Full URL to your linkedin public profile
|
||||
linkedin_URL: 'https://www.linkedin.com/in/jesse-hitch-8b5b023a/'
|
||||
# complete google doc sharing URL, assuming this is public
|
||||
resume_google_doc: 'https://docs.google.com/document/d/blahblahblah'
|
||||
# in your google doc, you can go to download as and right click copy that
|
||||
|
|
|
|||
11
front_end/css/bootstrap.min.css
vendored
11
front_end/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
175
front_end/css/font-style.css
Normal file
175
front_end/css/font-style.css
Normal file
File diff suppressed because one or more lines are too long
79
front_end/css/main.css
Normal file
79
front_end/css/main.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/**********BASE CONFIGURATIONS**********/
|
||||
|
||||
body {
|
||||
background-color: #1f1f1f;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
h3, h5, a {
|
||||
color: #33cccc;
|
||||
}
|
||||
|
||||
h3, h4, h5 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 40px 45px 0px 20px;
|
||||
}
|
||||
|
||||
|
||||
.nav-tabs .nav-link.active {
|
||||
background-image: url(../images/sep-half.png);
|
||||
background-color: #3d3d3d;
|
||||
color: #33cccc;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid #383737;
|
||||
background-image: url(../images/sep-half.png);
|
||||
background-color: #3d3d3d;
|
||||
color: white;
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
}
|
||||
|
||||
.card :hover {
|
||||
background-color: #4f4f4f;
|
||||
-moz-box-shadow: 3px 3px 2px 0px #151515;
|
||||
-webkit-box-shadow: 3px 3px 2px 0px #151515;
|
||||
box-shadow: 3px 3px 2px 0px #151515;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
border: 1px solid #383737;
|
||||
background-image: url(../images/sep-half.png);
|
||||
background-color: #4f4f4f;
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
}
|
||||
|
||||
/**********SIZE SPECIFIC CONFIGURATIONS*********
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
padding: 40px 45px 0px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
padding: 40px 25px 0px 0px;
|
||||
}
|
||||
}
|
||||
********SIZE SPECIFIC CONFIGURATIONS**********/
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
@media (min-width: 768px) {
|
||||
.padMe {
|
||||
padding: 0px 120px 0px 120px;
|
||||
}
|
||||
.buttonLower {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.featureTextPad {
|
||||
padding-top: 80px;
|
||||
}
|
||||
.featureImagePad {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.imageLower {
|
||||
padding-top: 12px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 45px 0px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.padMe {
|
||||
padding: 0px 80px 0px 80px;
|
||||
}
|
||||
.featureImagePad {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.featureTextPad {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.buttonLower {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.imageLower {
|
||||
padding-top: 11px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 25px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.starter-template {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.center {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
</div>
|
||||
|
||||
</div><!-- /.container -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,105 +0,0 @@
|
|||
% include('header.tpl')
|
||||
<br />
|
||||
<br />
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
|
||||
About
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<div class="row featurette featureImagePad">
|
||||
<div class="col-sm-6 col-md-5">
|
||||
<img class="featurette-image img-responsive img-circle" src="/images/{{main_pic}}">
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-7 featureTextPad">
|
||||
% if len(name) > 13:
|
||||
<h3 class="featurette-heading"><span class="text-muted">Hi, I'm</span> {{name}}.</h3>
|
||||
% else:
|
||||
<h2 class="featurette-heading"><span class="text-muted">Hi, I'm</span> {{name}}.</h2>
|
||||
% end
|
||||
<p class="lead special-font"><small>{{header_quotation}}</small></p>
|
||||
% if len(name) > 13:
|
||||
<h5><small>{{blurb}}</small></h5>
|
||||
% else:
|
||||
<h4><small>{{blurb}}</small></h4>
|
||||
% end
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
|
||||
Resume and GitHub
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseTwo" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<div class="row padMe">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6 col-md-6 imageLower">
|
||||
<img src="/images/docs.png">
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5 col-md-6 buttonLower">
|
||||
<div class="btn-group">
|
||||
<a target="_blank" href="{{gdoc_URL}}" class="col-xs-9 col-sm-9 col-md-9 btn btn-primary btn-lg" role="button" data-toggle="tooltip" data-placement="bottom" title="Go to Google doc, or download directly">Resume</a>
|
||||
<button type="button" class="col-xs-3 col-sm-3 col-md-3 btn btn-primary btn-lg dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="{{resume_pdf_download_URL}}">Download .PDF</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="{{resume_docx_download_URL}}">Download .Docx</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||
<img src="/images/githubcat.png">
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-sm-5 col-md-6 buttonLower">
|
||||
<a target="_blank" href="{{GitHub_URL}}" class="btn btn-primary btn-lg" role="button" data-toggle="tooltip" data-placement="bottom" title="Check out my GitHub">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
% if optional_panel:
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
|
||||
{{optional_panel_title}}
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseThree" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<h2>
|
||||
<p>
|
||||
<img src="/images/{{optional_panel_pic}}">
|
||||
<a target="_blank" href="{{optional_panel_button_URL}}" class="btn btn-primary btn-lg" role="button">{{optional_panel_button_text}}</a>
|
||||
</p>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
% end
|
||||
% include('footer.tpl')
|
||||
4
front_end/images/github-cat.svg
Normal file
4
front_end/images/github-cat.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 48 48;" version="1.1" viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
|
||||
.st0{opacity:0.3;}
|
||||
.st1{fill:#29ABE2;}
|
||||
</style><title/><g id="Github_2"><g class="st0"><path class="st1" d="M22,21c-1.3,0-2,2-2,4s0.7,4,2,4s2-2,2-4S23.3,21,22,21z"/><path class="st1" d="M39.7,15.5c0.2-2.4-0.2-4.9-1.1-7.1C38.5,8.1,38.3,8,38.1,8c-0.1,0-3,0.4-7.2,3.3C29.6,11.1,28.3,11,27,11 c-1.3,0-2.6,0.1-3.9,0.3C18.9,8.4,16,8,15.9,8c-0.2,0-0.4,0.1-0.5,0.3c-0.9,2.3-1.3,4.7-1.1,7.1c-1.5,1.8-2.4,4-2.3,6.3 C12,29.7,16.4,34,24.3,34h5.5C37.6,34,42,29.7,42,21.8C42,19.5,41.2,17.2,39.7,15.5z M37,24.5c0,5.1-3.9,5.5-10,5.5 c-5.9,0-10-0.4-10-5.5c0-1.2,0.5-2.4,1.5-3.3c0.9-0.7,2.1-1,3.3-0.9c0.7,0,1.5,0,2.3,0.1s1.9,0.1,2.9,0.1h0c1,0,2-0.1,2.9-0.1 c2.3-0.2,4.4-0.3,5.6,0.8C36.5,22,37,23.2,37,24.5z"/><path class="st1" d="M32,21c-1.3,0-2,2-2,4s0.7,4,2,4c1.3,0,2-2,2-4S33.3,21,32,21z"/></g><path class="st1" d="M14,30c-1.1,0-2,1.5-2,3.5s0.9,3.5,2,3.5s2-1.5,2-3.5S15.1,30,14,30z M14,36c-0.4,0-1-1-1-2.5s0.6-2.5,1-2.5 s1,1,1,2.5S14.4,36,14,36z"/><path class="st1" d="M20.3,28.1c-0.7,0.1-1.5,0.1-2.3,0.1h0c-0.8,0-1.5-0.1-2.3-0.1c-2-0.2-3.9-0.3-5.2,1c-1,1-1.5,2.3-1.5,3.7 c0,5.8,4.4,6.2,9,6.2s9-0.5,9-6.2c0-1.4-0.5-2.7-1.5-3.6C24.2,27.8,22.3,28,20.3,28.1z M18,38c-5.2,0-8-0.8-8-5.2 c0-1.1,0.4-2.2,1.2-3c0.7-0.6,1.6-0.9,2.6-0.8c0.6,0,1.2,0,1.9,0.1s1.5,0.1,2.4,0.1c0.8,0,1.6,0,2.4-0.1c1.9-0.1,3.5-0.3,4.4,0.7 c0.8,0.8,1.2,1.9,1.2,3C26,37.2,23.2,38,18,38z"/><path class="st1" d="M22,30c-1.1,0-2,1.5-2,3.5s0.9,3.5,2,3.5s2-1.5,2-3.5S23.1,30,22,30z M22,36c-0.4,0-1-1-1-2.5s0.6-2.5,1-2.5 s1,1,1,2.5S22.4,36,22,36z"/><path class="st1" d="M28.2,25.3c0.1-2-0.1-4.1-0.9-6C27.2,19.1,27,19,26.8,19c-0.1,0-2.4,0.3-5.7,2.8c-1-0.2-2-0.3-3-0.3 c-1,0-2,0.1-3,0.3C11.6,19.3,9.3,19,9.2,19c-0.2,0-0.4,0.1-0.5,0.3c-0.7,1.9-1,4-0.9,6C6.6,26.8,6,28.7,6,30.7 C6,37.3,9.5,41,15.8,41h4.3c6.4,0,9.8-3.7,9.8-10.3C30,28.7,29.4,26.8,28.2,25.3z M20.2,40h-4.3c-4,0-8.8-1.6-8.8-9.3 c-0.1-1.8,0.6-3.5,1.8-4.9c0.1-0.1,0.1-0.3,0.1-0.5c-0.1-1.8,0.1-3.5,0.6-5.2c1.8,0.5,3.6,1.4,5.1,2.6c0.1,0.1,0.3,0.1,0.4,0.1 c1-0.2,2-0.3,3-0.3c1,0,2,0.1,3,0.3c0.2,0,0.3,0,0.4-0.1c1.5-1.2,3.2-2.1,5.1-2.6c0.6,1.7,0.8,3.4,0.6,5.2c-0.1,0.2,0,0.4,0.1,0.5 c1.2,1.4,1.8,3.1,1.8,4.9C29,38.4,24.2,40,20.2,40z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
1
front_end/images/linkedin.svg
Normal file
1
front_end/images/linkedin.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><svg style="enable-background:new 0 0 48 48;" version="1.1" viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Icons"><g id="Icons_22_"><g><path d="M34.95495,10.525h-21.91c-1.3899,0-2.52,1.13-2.52,2.5199v21.91c0,1.3901,1.13,2.5201,2.52,2.5201 h21.91c1.39,0,2.5201-1.13,2.5201-2.5201v-21.91C37.47505,11.655,36.34505,10.525,34.95495,10.525z M19.41505,31.3349 c-0.95-0.01-1.9101-0.01-2.8701,0c-0.18,0-0.23-0.0499-0.23-0.2399V20.9549c0-0.19,0.06-0.2399,0.24-0.2399 c0.95,0.01,1.91,0.01,2.8601,0c0.1899,0,0.24,0.06,0.2299,0.2399v5.0801c0,1.69,0,3.3799,0.0101,5.0699 C19.65505,31.285,19.59505,31.3349,19.41505,31.3349z M17.98495,19.3549c-1.06,0.01-1.93-0.8799-1.93-1.93 c0.01-1.01,0.78-1.92,1.9201-1.93c1.0799-0.01,1.94,0.81,1.94,1.93C19.91505,18.525,19.07495,19.345,17.98495,19.3549z M31.64495,31.3349h-2.81c-0.23,0-0.2399-0.01-0.2399-0.25v-5.14c0-0.4799-0.0101-0.96-0.1501-1.43 c-0.2199-0.7299-0.69-1.08-1.46-1.1c-0.54-0.01-1.05,0.09-1.43,0.51c-0.31,0.33-0.44,0.73-0.5,1.1701 c-0.04,0.3899-0.07,0.7899-0.07,1.19c-0.0099,1.6099-0.0099,3.2199,0,4.8199c0,0.1801-0.05,0.23-0.22,0.23 c-0.96-0.01-1.9299-0.01-2.89,0c-0.1699,0-0.2299-0.0499-0.2299-0.23c0.01-3.3799,0.01-6.77,0-10.16 c0-0.18,0.07-0.2299,0.2299-0.2299c0.92,0.01,1.8401,0.01,2.76,0c0.18,0,0.24,0.07,0.23,0.2399c-0.01,0.37,0,0.75,0,1.12 c0.52-0.77,1.2201-1.26,2.1001-1.4799c1.0199-0.25,2.0299-0.1701,2.99,0.25c0.9299,0.3999,1.4299,1.1599,1.69,2.0999 c0.1799,0.61,0.26,1.24,0.27,1.88c0.0099,2.07,0.0199,4.1401,0.0299,6.22C31.94495,31.3349,31.94495,31.3349,31.64495,31.3349z" style="fill:#0097D3;"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
BIN
front_end/images/sep-half.png
Normal file
BIN
front_end/images/sep-half.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 951 B |
12
front_end/views/footer.tpl
Normal file
12
front_end/views/footer.tpl
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
</div><!-- /.container -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -10,18 +10,13 @@
|
|||
|
||||
<title>{{browser_tab_title}}</title>
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/starter-template.css" rel="stylesheet">
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="/css/main.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
% if fork_me:
|
||||
<a href="https://github.com/jessebot/tiny_personal_website" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#060606; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
|
||||
% end
|
||||
<div class="container">
|
||||
<div class="starter-template">
|
||||
46
front_end/views/index.tpl
Normal file
46
front_end/views/index.tpl
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
% include('header.tpl')
|
||||
<div class="container">
|
||||
<div class="card mx-auto" style="width: 25rem; margin-top: 50px;">
|
||||
<img class="card-img-top img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
|
||||
<div class="card-header">
|
||||
<ul class="nav nav-tabs card-header-tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#resume">Resume</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#social">Social</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div> <!-- card header -->
|
||||
<div class="card-block">
|
||||
<h4 class="card-title"><span class="text-muted">Hi, I'm</span> {{name}}.</h4>
|
||||
<p class="card-text">
|
||||
<p class="lead special-font"><small>{{header_quotation}}</small></p>
|
||||
<h5><small>{{blurb}}</small></h5>
|
||||
</p>
|
||||
</div> <!-- card block -->
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<a target="_blank" href="{{gdoc_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Go to Google doc, or download directly">
|
||||
<img src="/images/docs.png" class="img-fluid" style="height: 48px;">
|
||||
</a>
|
||||
</div> <!-- col -->
|
||||
<div class="col">
|
||||
<a target="_blank" href="{{github_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Check out my GitHub">
|
||||
<img src="/images/github-cat.svg" class="img-fluid" style="height: 48px";>
|
||||
</a>
|
||||
</div> <!-- col -->
|
||||
<div class="col">
|
||||
<a target="_blank" href="{{linkedin_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Connect with me on Linkedin">
|
||||
<img src="/images/linkedin.svg" class="img-fluid" style="height: 48px";>
|
||||
</a>
|
||||
</div> <!-- col -->
|
||||
</div> <!-- row -->
|
||||
</div> <!-- card footer -->
|
||||
</div> <!-- card -->
|
||||
|
||||
% include('footer.tpl')
|
||||
|
|
@ -27,7 +27,7 @@ log.info("logging config loaded")
|
|||
WEB_ROOT = get_global_variable('web_root')
|
||||
# full path to HTML templates
|
||||
bottle.TEMPLATE_PATH.insert(0,
|
||||
'{0}/front_end/html_templates/'.format(WEB_ROOT))
|
||||
'{0}/front_end/views/'.format(WEB_ROOT))
|
||||
|
||||
|
||||
@route('/')
|
||||
|
|
@ -38,7 +38,8 @@ def index():
|
|||
name = get_global_variable('profile_name')
|
||||
header_quotation = get_global_variable('profile_quote')
|
||||
blurb = get_global_variable('profile_blurb')
|
||||
GitHub_URL = get_global_variable('github_URL')
|
||||
github_URL = get_global_variable('github_URL')
|
||||
linkedin_URL = get_global_variable('linkedin_URL')
|
||||
gdoc_URL = get_global_variable('resume_google_doc')
|
||||
resume_pdf_download_URL = get_global_variable('resume_pdf_download')
|
||||
resume_docx_download_URL = get_global_variable('resume_docx_download')
|
||||
|
|
@ -54,7 +55,8 @@ def index():
|
|||
return template('index', favicon=favicon,
|
||||
browser_tab_title=browser_tab_title, main_pic=main_pic,
|
||||
name=name, header_quotation=header_quotation,
|
||||
GitHub_URL=GitHub_URL, gdoc_URL=gdoc_URL,
|
||||
github_URL=github_URL, linkedin_URL=linkedin_URL,
|
||||
gdoc_URL=gdoc_URL,
|
||||
resume_pdf_download_URL=resume_pdf_download_URL,
|
||||
resume_docx_download_URL=resume_docx_download_URL,
|
||||
fork_me=fork_me, optional_panel=optional_panel,
|
||||
|
|
@ -81,3 +83,13 @@ def css(filename):
|
|||
@route('/fonts/<filename>')
|
||||
def fonts(filename):
|
||||
return static_file(filename, root='{0}/front_end/fonts'.format(WEB_ROOT))
|
||||
|
||||
@route('/love')
|
||||
def love():
|
||||
favicon = get_global_variable('favicon')
|
||||
return template('love', favicon=favicon)
|
||||
|
||||
@route('/hate')
|
||||
def hate():
|
||||
favicon = get_global_variable('favicon')
|
||||
return template('hate', favicon=favicon)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue