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

continuing reorg and stylizing

Browse source
This commit is contained in:
JesseBot 2017-07-14 21:28:40 +00:00
parent 779c6d8ebc
commit 693c7d94da
2 changed files with 24 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

28
front_end/css/main.css
View file

@ -49,13 +49,14 @@ h5 {
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-img-overlay {
background-color:rgba(0, 0, 0, 0.6);
width: 448px;
height: 78px;
font-size: small;
color: #33cccc;
padding: .5rem;
}
.card-header, .card-footer {
border: 1px solid #383737;
@ -68,6 +69,10 @@ h5 {
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.card-text {
font-weight: lighter;
}
.dropdown-toggle {
padding-top: 5px;
background-image: url(../images/sep-half.png);
@ -91,6 +96,11 @@ h5 {
font-size: small;
}
.col-6 {
text-align: center;
}
@media (min-width: 576px) {
.container {
padding: 40px 10px 20px 10px;
@ -114,7 +124,3 @@ h5 {
padding: 40px 50px 0px 50px;
}
}
.col-6 {
text-align: center;
}

13
front_end/views/index.tpl
View file

@ -1,9 +1,12 @@
% include('header.tpl')
<div class="container">
<div class="container align-self-center">
<div class="row justify-content-center">
<div class="col-xl-8 col-lg-9 col-md-11 col-sm-12 align-self-center">
<div class="card mx-auto">
<div class="col-xl-8 col-lg-9 col-md-11 col-sm-12">
<div class="card mx-auto" style="width: 450px;">
<img class="img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-img-overlay">
<div style="font-family: 'Cutive Mono';">{{header_quotation}}</div>
</div>
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
@ -28,9 +31,7 @@
<div class="card-block">
<h4 class="card-title"><span class="text-muted">Hi, I'm</span> {{name}}.</h4>
<p class="card-text">
<div style="font-family: 'Cutive Mono';">{{header_quotation}}</div>
<br />
<h5><small>{{blurb}}</small></h5>
{{blurb}}
</p>
</div> <!-- card block -->
<div class="card-footer">