jessebot/tiny_personal_website
1
0
Fork 0
mirror of https://github.com/jessebot/tiny_personal_website.git synced 2025-10-01 01:48:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

reorganizing and stylizing...

Browse source
This commit is contained in:
JesseBot 2017-07-14 17:43:29 +00:00
parent 99c5ce7d8c
commit d3b5c02e23
4 changed files with 34 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

175
front_end/css/font-style.css
View file

File diff suppressed because one or more lines are too long

18
front_end/css/main.css
View file

@ -20,6 +20,8 @@ h3 {
h3, h5, a {
color: #33cccc;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
h3, h4, h5 {
@ -70,6 +72,22 @@ h5 {
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-toggle {
padding-top: 5px;
background-image: url(../images/sep-half.png);
background-color: #4f4f4f;
color: #33cccc;
}
.dropdown-menu {
background-image: url(../images/sep-half.png);
background-color: #4f4f4f;
color: #33cccc;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
width: 135px;
}
/**********SIZE SPECIFIC CONFIGURATIONS*********
@media (min-width: 768px) {

2
front_end/views/header.tpl
View file

@ -19,8 +19,6 @@
<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">
<!-- Custom styles for this template -->
<link href="/css/font-style.css" rel="stylesheet">
</head>
<body>

28
front_end/views/index.tpl
View file

@ -1,17 +1,26 @@
% include('header.tpl')
<div class="container">
<div class="card mx-auto" style="width: 25rem;">
<img class="card-img-top img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card mx-auto" style="width: 30rem;">
<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>
<div class="dropdown">
<button class="dropdown-toggle border-0" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="/images/docs.png" class="img-fluid" style="height: 32px;">
Resume
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<h6 class="dropdown-header">Live Doc</h6>
<a target="_blank" href="{{gdoc_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Go to Google doc, or download directly">gdoc</a>
<h6 class="dropdown-header">Direct Downloads</h6>
<a href="{{resume_pdf_download_URL}}">Download .PDF</a>
<a href="{{resume_docx_download_URL}}">Download .Docx</a>
</div>
</div>
</li>
</ul>
</div> <!-- card header -->
@ -24,12 +33,7 @@
</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="row justify-content-center">
<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";>