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

moving style into css file

Browse source
This commit is contained in:
JesseBot 2017-07-15 17:10:31 +00:00
parent 35ed6127d9
commit b6cf4cb59a
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
front_end/css/main.css
View file

@ -58,6 +58,12 @@ h5 {
padding: .5rem;
}
.top-desc {
color: #33cccc;
margin-left: -70px;
margin-top: 2px;
}
.card-header, .card-footer {
border: 1px solid #383737;
background-image: url(../images/sep-half.png);

10
front_end/views/index.tpl
View file

@ -5,11 +5,11 @@
<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';">
{{name}} = {'occupation': '{{occupation}}',
<p>'primary_skills': {{skills}},</p>
<p>'likes': {{likes}}}</p>
</div>
<pre class="top-desc">
{{name.upper()}} = {'occupation': '{{occupation}}',
'primary_skills': {{skills}},
'likes': {{likes}}}
</pre>
</div>
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">