balkian/balkian.github.com
1
0
Fork 0
mirror of https://github.com/balkian/balkian.github.com.git synced 2025-08-23 12:12:20 +00:00
Code Issues Releases Wiki Activity

New wave

Browse Source
This commit is contained in:
J. Fernando Sánchez
2015-12-07 23:14:11 +01:00
parent a827fc960c
commit d9e3d07c14
15 changed files with 189 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
balkiantheme/static/css/main-desktop.css
View File

@@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -100px auto 30px;
margin: 0 auto 30px;
width: 180px;
height: 210px;
padding: 0;
@@ -106,20 +106,12 @@
/*}*/
#container {
min-height: 100%;
position:relative;
width: 1200px;
margin: 0 auto;
}
#contentwrapper {
position: relative;
width: 1200px;
padding-bottom: 220px;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
}
#sidebar {
@@ -136,7 +128,6 @@
#content {
position: relative;
width: 840px;
padding: 10px 30px;
float: right;
@@ -154,39 +145,6 @@
height: 0;
}
footer {
height: 180px;
position:absolute;
clear: both;
bottom: 0px;
left: -10px;
padding: 10px;
text-align: center;
width: 100%;
margin: 0;
background-color: #000;
color: white;
font-weight: bold;
/*text-shadow: 2px 2px 1px #AAA;*/
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
footer a {
color: #069;
text-shadow: 1px 1px 1px #FFF;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
/*color: #ffd700;*/
}
.date {
position: absolute;
right: -10px;
@@ -199,6 +157,11 @@ footer a:hover {
font-weight: bold;
}
footer {
width: 102%;
margin-left: -1%;
}
h1 + .date {
margin-top: -3.5em;
}
@@ -221,43 +184,6 @@ header {
padding: 0;
}
/*#social:after {*/
/*content: ".";*/
/*display: block;*/
/*clear: both;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*height: 0;*/
/*}*/
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
#navbar {
font-size: 1.2em;
padding-left: 300px;
@@ -265,7 +191,6 @@ header {
div.navbar {
background-color: black;
border-radius: 20px 0px 0px;
}
.navbar ul {
@@ -314,27 +239,6 @@ div.navbar {
color: #c00;
}
a {
color: #069;
text-decoration: none;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}
.postnav {
height: 1em;
width: 100%;
@@ -357,6 +261,7 @@ a {
display:inline;
width: 33.333%;
}
@-webkit-keyframes toright {
from {
padding-left: 0px;

88
balkiantheme/static/css/main-medium.css
View File

@@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -40px auto 10px;
margin: 0px auto 10px;
width: 80%;
height: 180px;
padding: 0;
@@ -101,16 +101,8 @@
visibility: hidden;
}
#container {
min-height: 100%;
position:relative;
padding: 1em 2em;
margin: 0 auto;
}
#contentwrapper {
position: relative;
padding-bottom: 200px;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
@@ -150,38 +142,6 @@
height: 0;
}
footer {
height: 110px;
position:absolute;
clear: both;
bottom: 0px;
left: -10px;
padding: 10px;
text-align: center;
width: 100%;
margin: 0;
background-color: #000;
color: white;
font-weight: bold;
/*text-shadow: 2px 2px 1px #AAA;*/
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
footer a {
color: #069;
text-shadow: 1px 1px 1px #FFF;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
/*color: #ffd700;*/
}
.date {
position: absolute;
right: -10px;
@@ -220,35 +180,6 @@ header {
padding-left: 20%;;
}
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 50px;
width: 40px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 30px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
#navbar {
font-size: 1em;
padding-left: 20%;;
@@ -256,7 +187,6 @@ header {
div.navbar {
background-color: black;
border-radius: 20px 0px 0px;
}
.navbar ul {
@@ -310,22 +240,6 @@ a {
text-decoration: none;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}
.postnav {
height: 1em;
width: 100%;

98
balkiantheme/static/css/main-xs.css
View File

@@ -3,8 +3,12 @@
}
#container {
margin: 1em;
padding: 0.2em;
padding: 0em;
}
#contentwrapper {
padding-left: 0.5em;
padding-right: 0.5em;
}
#headline {
@@ -88,21 +92,21 @@ div.navbar {
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
/* .label { */
/* font-family: comfortaa; */
/* border-radius: 10px 0px 0px 10px; */
/* padding: 5px; */
/* background-color: #ffd700; */
/* color: black; */
/* font-size: 10px; */
/* padding-left: 10px; */
/* border: 1px solid #777; */
/* } */
.label:after{
content: " •";
color: #666;
}
/* .label:after{ */
/* content: " •"; */
/* color: #666; */
/* } */
a {
color: #069;
text-decoration: none;
@@ -124,64 +128,4 @@ a {
background-color: white;
border: dashed 1px #AAA;
text-align: center;
}
.nextpost, .nextpage {
float: right;
}
.previouspost, .previouspage {
float: left;
}
footer {
margin: 0 auto;
text-align: center;
padding: 1em;
background-color: black;
color: white;
}
#social {
margin: 0 auto;
padding: 0;
}
/*#social:after {*/
/*content: ".";*/
/*display: block;*/
/*clear: both;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*height: 0;*/
/*}*/
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
.highlighttable {
width: 100%;
}
}

109
balkiantheme/static/css/main.css
View File

@@ -11,14 +11,63 @@ body {
background: url(../img/noise.jpg);
}
#container {
min-height: 100%;
position:relative;
margin: 0 auto;
}
#contentwrapper {
position: relative;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
padding-bottom: 12.5em;
}
a {
color: #069;
text-decoration: none;
}
footer {
height: 12em;
bottom: -0em;
position: absolute;
background-color: #000;
color: white;
font-weight: bold;
text-align: center;
margin: 0 auto;
width: 100%;
overflow: auto;
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
.site .footer {
font-size: 80%;
color: #666;
border-top: 4px solid #eee;
margin-top: 2em;
margin: 0em;
padding: 1em;
overflow: hidden;
}
footer a {
color: #FFF;
text-shadow: 1px 1px 1px #069;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
}
.site .footer .contact {
float: left;
margin-right: 3em;
@@ -61,6 +110,48 @@ body {
padding-left: 0.5em;
}
.nextpost, .nextpage {
float: right;
}
.previouspost, .previouspage {
float: left;
}
#social {
margin: 0 auto;
padding: 0;
}
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
.highlighttable {
display: block;
overflow: auto;
@@ -113,7 +204,7 @@ body {
.pag-top{
margin: -9px auto;
margin-bottom 0;
margin-bottom: 0;
border-radius: 0 0 15px 15px;
border: dashed 1px #AAA;
border-top-width: 0;
@@ -206,3 +297,19 @@ a:hover {
.hll {
background: yellow;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}

BIN
balkiantheme/static/img/batman.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
balkiantheme/static/img/me-bat-small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

BIN
balkiantheme/static/img/me-bat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1015 KiB

0
balkiantheme/static/img/me.jpg → balkiantheme/static/img/me-li.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
balkiantheme/static/img/me-vag.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 311 KiB

41
balkiantheme/templates/base.html
View File

@@ -23,37 +23,40 @@
<body>
<div id="container" class="container">
<header id="header">
<h1 id="headline"><a href="/">balkian</a><a class="inv" href="/">.com</a></h1>
<div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
<div class="container">
<div class="navbar-header">
<ul class="nav navbar-nav">
<li {% if article or not page %}class="active" {% endif %}>
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<a href="/"><i class="icon-home icon-large"></i></a>
</li>
{% for p in pages %} {% if "/page" in p.url %}
{% else %}
{% if p.url != "/index.html" %}
<li {% if page and p.url == page.url %} class="active"
{% endif %} >
<a href="/{{ p.url }}">{{ p.title }}</a>
</li>
{% endif %}
{% endif %}
{% else %}
{% if p.url != "/index.html" %}
<li {% if page and p.url == page.url %} class="active"
{% endif %} >
<a href="/{{ p.url }}">{{ p.title }}</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
<!--<li><a href="#">Action</a></li>-->
<!--<li><a href="#">Another action</a></li>-->
<!--<li><a href="#">Something else here</a></li>-->
<!--<li class="divider"></li>-->
<!--<li class="dropdown-header">Nav header</li>-->
<!--<li><a href="#">Separated link</a></li>-->
<!--<li><a href="#">One more separated link</a></li>-->
<!--<li><a href="#">Action</a></li>-->
<!--<li><a href="#">Another action</a></li>-->
<!--<li><a href="#">Something else here</a></li>-->
<!--<li class="divider"></li>-->
<!--<li class="dropdown-header">Nav header</li>-->
<!--<li><a href="#">Separated link</a></li>-->
<!--<li><a href="#">One more separated link</a></li>-->
<!--</ul>-->
<!--</li>-->
</ul>
</div>
</div>
</div>
</header>
@@ -67,7 +70,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="{{ SITE_URL }}/theme/img/me.jpg">
<img id="picture" width=100% src="{{ SITE_URL }}/theme/img/me-bat.png">
</div>
</div>
</div>