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

updated colors and styles

Browse source
This commit is contained in:
JesseBot 2017-07-15 18:30:59 +00:00
parent b6cf4cb59a
commit eaeba52cd5
2 changed files with 46 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

32
front_end/css/main.css
View file

@ -4,6 +4,7 @@
body {
background-color: #1f1f1f;
font-family: 'Open Sans', sans-serif;
color: #fff
}
h1 {
@ -19,7 +20,7 @@ h3 {
}
h3, h5, a {
color: #33cccc;
color: #29abe2;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
@ -36,7 +37,7 @@ h5 {
.nav-tabs .nav-link.active {
background-image: url(../images/sep-half.png);
background-color: #3d3d3d;
color: #33cccc;
color: #29abe2;
border: 1px solid #383737;
border-bottom-color: #3d3d3d;
}
@ -50,18 +51,25 @@ h5 {
}
.card-img-overlay {
background-color:rgba(0, 0, 0, 0.6);
width: 448px;
height: 78px;
background-color:rgba(0, 0, 0, 0.5);
width: 375px;
height: 150px;
font-size: small;
color: #33cccc;
color: white;
padding: .5rem;
position: absolute;
top: -20px;
left: 121px;
bottom: 0px;
right: 0px;
box-shadow: 2px 2px 4px 0px rgba(21, 21, 21, 0.75);
}
.top-desc {
color: #33cccc;
margin-left: -70px;
margin-top: 2px;
color: #fff;
margin-left: -59px;
margin-top: 9px;
opacity: .7;
}
.card-header, .card-footer {
@ -83,12 +91,14 @@ h5 {
padding-top: 5px;
background-image: url(../images/sep-half.png);
background-color: #4f4f4f;
color: #33cccc;
color: #29abe2;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
.dropdown-menu {
background-image: url(../images/sep-half.png);
background-color: #4f4f4f;
color: #33cccc;
color: #29abe2;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
box-shadow: 0 6px 12px rgba(0,0,0,.175);

28
front_end/views/index.tpl
View file

@ -2,13 +2,35 @@
<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">
<div class="card mx-auto" style="width: 450px;">
<div class="card mx-auto" style="width: 475px;">
<img class="img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-img-overlay">
<pre class="top-desc">
{{name.upper()}} = {'occupation': '{{occupation}}',
'primary_skills': {{skills}},
'likes': {{likes}}}
% final_item = len(skills) - 1
% for i, skill in enumerate(skills):
% if i == 0:
'skills': ['{{skill}}',
% end
% if i == final_item:
'{{skill}}'],
% end
% if i != final_item and i != 0:
'{{skill}}',
% end
% end
% final_item = len(likes) - 1
% for i, like in enumerate(likes):
% if i == 0:
'likes': ['{{like}}',
% end
% if i == final_item:
'{{like}}']}
% end
% if i != final_item and i != 0:
'{{like}}',
% end
% end
</pre>
</div>
<div class="card-header">