kompot
/
publiccode.si
5
3
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replaced logo with SVG and markdown

lektura
Marc Horne 2017-06-21 18:01:46 +02:00
parent c054e6b899
commit a8e00903fa
8 changed files with 195 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
site/config.toml
View File

@ -37,7 +37,10 @@ DefaultContentLanguage = "en"
# Start banner
[params.start]
# To change the background of the hero section, replace the 'header.jpg' at './static/img' with your own.
slogan = "Public Money – Public Code"
slogan_1 = "Public Money"
slogan_2 = "Public Code"
fsfe = "fsfe.org"
alt = "Public Money, Public Code"
subtitle = "Why is software that is programmed with taxpayers' money not released as Free Software? Code paid by all people should be available to all people."
buttonText = "See the video"

5
site/layouts/partials/nav.html
View File

@ -10,7 +10,10 @@
<span class="icon-bar"></span>
</button>
{{ with .Site.Params.navigation.brand }}
<img src="../img/logo-header.png" alt="Logo" />
<div class="logo">
<span class="logo-blue">Public Money</span>
<span class="logo-green">Public Code</span>
</div>
<!--<a class="navbar-brand page-scroll" href="#page-top">{{ . | markdownify }}</a>-->
{{ end }}
</div>

11
site/layouts/partials/start.html
View File

@ -2,9 +2,16 @@
<header>
<div class="header-content">
<div class="header-content-inner">
<img src="../img/logo.png" alt="Logo" />
<div class="logo">
<img src="../img/logo.svg" alt="{{ .Site.Params.start.alt }}" />
<h1>
<span class="logo-blue">{{ .Site.Params.start.slogan_1 }}</span>
<span class="logo-green">{{ .Site.Params.start.slogan_2 }}</span>
</h1>
<h2>{{ .Site.Params.start.fsfe }}</h2>
</div>
{{ if and .Site.Params.start.slogan .Site.Params.start.subtitle }}
{{ if and .Site.Params.start.slogan_1 .Site.Params.start.subtitle }}
<hr>
{{ end }}
{{ with .Site.Params.start.subtitle }}

76
site/static/css/creative.css
View File

@ -92,11 +92,23 @@ aside {
margin: -4px 2px 0 0;
}
.navbar-header img {
height: 30px;
margin: 10px 0;
.navbar .logo {
margin: 15px 10px;
}
.navbar .logo .logo-blue,
.navbar .logo .logo-green {
padding: 4px 7px;
color: white;
}
.navbar .logo .logo-blue {
background: #168EC1;
margin-right: 5px;
}
.navbar .logo .logo-green { background: #4cbd38 }
.navbar-default {
border-color: rgba(34,34,34,.05);
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
@ -215,15 +227,61 @@ header .header-content {
}
header .header-content img {
width: 100%;
max-width: 1000px;
display: block;
width: 15em;
margin: 0 auto 2em;
}
header .header-content .header-content-inner h1 {
margin-top: 0;
margin-bottom: 0;
header .header-content h1 {
display: block;
vertical-align: bottom;
font-size: 35px !important;
text-align: left;
margin: 0 auto;
text-transform: uppercase;
font-weight: 700;
width: 300px;
}
header .header-content h1 .logo-blue,
header .header-content h1 .logo-green {
padding: 10px 12px;
color: white;
}
header .header-content h1 .logo-blue {
display: block;
background: #168EC1;
margin-right: 5px;
}
header .header-content h1 .logo-green {
display: block;
background: #4cbd38;
margin-top: 7px;
}
header .header-content h2 {
display: inline-block;
vertical-align: bottom;
margin: 5px 0 0 200px;
color: #168EC1;
}
@media(min-width:768px) {
header .header-content img {
display: inline-block;
margin: 0;
}
header .header-content h1 {
display: inline-block;
margin: 0 10px 0 20px;
}
header .header-content h2 {
margin: 0 0 -5px 0;
}
}
header .header-content .header-content-inner hr {
@ -245,7 +303,7 @@ header .header-content .header-content-inner p {
header .header-content {
position: absolute;
top: 50%;
top: 55%;
padding: 0 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);

BIN
site/static/img/.DS_Store vendored 100644
View File

Binary file not shown.

BIN
site/static/img/logo-header.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

BIN
site/static/img/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 66 KiB

111
site/static/img/logo.svg 100644
View File

@ -0,0 +1,111 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="3804px" height="3258px" viewBox="0 0 3804 3258" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
<title>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo">
<g id="id1">
<g id="Group">
<g id="id4" transform="translate(1689.000000, 0.000000)">
<rect id="Rectangle-path" x="0" y="0" width="503" height="501"></rect>
<path d="M251,0 C112,0 1,112 1,250 C1,389 112,500 251,500 C389,500 502,389 502,250 C502,112 389,0 251,0 Z M251,54 C359,54 448,142 448,250 C448,359 359,447 251,447 C142,447 54,359 54,250 C54,142 142,54 251,54 Z M251,109 C172,109 109,172 109,250 C109,329 172,392 251,392 C329,392 392,329 392,250 C392,172 329,109 251,109 Z" id="Shape" fill="#F9AD0C"></path>
</g>
<g id="id5" transform="translate(1471.000000, 326.000000)">
<rect id="Rectangle-path" x="0" y="0" width="503" height="489"></rect>
<path d="M174,0 C73,32 1,126 1,238 C1,377 112,488 252,488 C390,488 502,377 502,238 C502,235 502,231 501,228 C491,229 480,230 470,230 C462,230 455,229 448,229 C448,232 448,235 448,238 C448,347 360,435 252,435 C142,435 54,347 54,238 C54,150 112,75 192,50 C185,34 179,17 174,0 Z M221,99 C156,113 109,170 109,238 C109,317 172,380 252,380 C330,380 393,317 393,238 C393,232 393,226 392,219 C322,201 261,157 221,99 Z" id="Shape" fill="#F9AD0C"></path>
</g>
<g id="id6" transform="translate(1599.000000, 899.000000)">
<rect id="Rectangle-path" x="0" y="0" width="501" height="363"></rect>
<path d="M250,0 C112,0 0,113 0,251 C0,291 9,329 25,362 L79,347 C63,318 54,286 54,251 C54,142 142,54 250,54 C359,54 447,142 447,251 C447,286 438,318 422,347 L475,362 C491,329 500,291 500,251 C500,113 389,0 250,0 Z M250,109 C172,109 109,172 109,251 C109,281 118,308 133,331 L251,297 L368,331 C383,308 392,281 392,251 C392,172 329,109 250,109 Z" id="Shape" fill="#F9AD0C"></path>
</g>
<g id="id7" transform="translate(610.000000, 2877.000000)">
<rect id="Rectangle-path" x="0" y="0" width="2479" height="79"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 0 77 2478 77 2478 0"></polygon>
</g>
<g id="id8" transform="translate(433.000000, 3029.000000)">
<rect id="Rectangle-path" x="0" y="0" width="2833" height="78"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 0 77 2832 77 2832 0"></polygon>
</g>
<g id="id9" transform="translate(610.000000, 1669.000000)">
<rect id="Rectangle-path" x="0" y="0" width="2479" height="78"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 0 77 2478 77 2478 0"></polygon>
</g>
<g id="id10" transform="translate(704.000000, 1888.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="353"></rect>
<path d="M0,275 L75,275 L75,94 L9,94 L9,36 C29,32 46,26 60,21 C74,16 87,9 101,0 L171,0 L171,275 L234,275 L234,351 L0,351 L0,275 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id11" transform="translate(1118.000000, 1888.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="353"></rect>
<path d="M0,275 L75,275 L75,94 L9,94 L9,36 C29,32 46,26 59,21 C73,16 87,9 100,0 L170,0 L170,275 L234,275 L234,351 L0,351 L0,275 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id12" transform="translate(1531.000000, 1888.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="353"></rect>
<path d="M0,275 L76,275 L76,94 L9,94 L9,36 C29,32 47,26 61,21 C75,16 89,9 102,0 L171,0 L171,275 L234,275 L234,351 L0,351 L0,275 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id13" transform="translate(1927.000000, 1882.000000)">
<rect id="Rectangle-path" x="0" y="0" width="263" height="366"></rect>
<path d="M131,364 C111,364 93,360 78,352 C62,344 48,332 36,317 C25,301 16,282 10,259 C4,237 0,210 0,181 C0,151 4,124 10,101 C16,78 25,60 36,45 C48,30 62,19 78,11 C93,4 111,0 131,0 C150,0 167,4 183,11 C199,19 213,30 225,45 C237,60 246,79 252,101 C259,124 262,151 262,181 C262,210 259,237 252,259 C246,282 237,301 225,317 C213,332 199,344 183,352 C167,360 150,364 131,364 Z M131,291 C136,291 141,290 146,287 C151,284 156,279 159,270 C163,262 166,251 168,237 C170,222 171,204 171,181 C171,157 170,139 168,124 C166,110 163,99 159,91 C156,84 151,79 146,76 C141,74 136,73 131,73 C125,73 120,74 115,76 C110,79 106,84 102,91 C98,99 95,110 93,124 C91,139 90,157 90,181 C90,204 91,222 93,237 C95,251 98,262 102,270 C106,279 110,284 115,287 C120,290 125,291 131,291 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id14" transform="translate(2359.000000, 1888.000000)">
<rect id="Rectangle-path" x="0" y="0" width="234" height="353"></rect>
<path d="M0,275 L75,275 L75,94 L8,94 L8,36 C28,32 45,26 59,21 C73,16 87,9 100,0 L171,0 L171,275 L233,275 L233,351 L0,351 L0,275 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id15" transform="translate(2772.000000, 1888.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="353"></rect>
<path d="M0,275 L75,275 L75,94 L9,94 L9,36 C29,32 46,26 60,21 C74,16 87,9 101,0 L170,0 L170,275 L234,275 L234,351 L0,351 L0,275 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id16" transform="translate(687.000000, 2378.000000)">
<rect id="Rectangle-path" x="0" y="0" width="262" height="365"></rect>
<path d="M130,364 C110,364 93,359 77,351 C61,343 47,332 36,316 C24,301 15,282 9,259 C3,236 0,210 0,180 C0,150 3,124 9,102 C15,79 24,60 36,45 C47,30 61,19 77,12 C93,4 110,0 130,0 C149,0 167,4 183,12 C199,19 213,30 225,45 C236,60 245,79 252,102 C258,124 261,150 261,180 C261,210 258,236 252,259 C245,282 236,301 225,316 C213,332 199,343 183,351 C167,359 149,364 130,364 Z M130,290 C135,290 140,289 145,286 C150,283 155,278 159,270 C163,262 166,250 168,236 C171,222 172,203 172,180 C172,157 171,138 168,124 C166,110 163,99 159,92 C155,84 150,79 145,77 C140,74 135,73 130,73 C124,73 119,74 114,77 C109,79 105,84 101,92 C97,99 95,110 92,124 C90,138 89,157 89,180 C89,203 90,222 92,236 C95,250 97,262 101,270 C105,278 109,283 114,286 C119,289 124,290 130,290 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id17" transform="translate(1118.000000, 2385.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="351"></rect>
<path d="M0,274 L75,274 L75,92 L9,92 L9,34 C29,30 46,25 59,20 C73,15 87,8 100,0 L170,0 L170,274 L234,274 L234,350 L0,350 L0,274 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id18" transform="translate(1513.000000, 2378.000000)">
<rect id="Rectangle-path" x="0" y="0" width="263" height="365"></rect>
<path d="M132,364 C112,364 94,359 78,351 C62,343 48,332 37,316 C25,301 16,282 10,259 C4,236 1,210 1,180 C1,150 4,124 10,102 C16,79 25,60 37,45 C48,30 62,19 78,12 C94,4 112,0 132,0 C151,0 169,4 184,12 C201,19 214,30 226,45 C238,60 247,79 253,102 C259,124 262,150 262,180 C262,210 259,236 253,259 C247,282 238,301 226,316 C214,332 201,343 184,351 C169,359 151,364 132,364 Z M132,290 C138,290 143,289 147,286 C153,283 157,278 161,270 C164,262 167,250 169,236 C172,222 173,203 173,180 C173,157 172,138 169,124 C167,110 164,99 161,92 C157,84 153,79 147,77 C143,74 138,73 132,73 C126,73 121,74 115,77 C110,79 106,84 102,92 C99,99 96,110 93,124 C91,138 90,157 90,180 C90,203 91,222 93,236 C96,250 99,262 102,270 C106,278 110,283 115,286 C121,289 126,290 132,290 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id19" transform="translate(1945.000000, 2385.000000)">
<rect id="Rectangle-path" x="0" y="0" width="236" height="351"></rect>
<path d="M0,274 L75,274 L75,92 L9,92 L9,34 C29,30 46,25 60,20 C74,15 88,8 101,0 L171,0 L171,274 L234,274 L234,350 L0,350 L0,274 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id20" transform="translate(2359.000000, 2385.000000)">
<rect id="Rectangle-path" x="0" y="0" width="234" height="351"></rect>
<path d="M0,274 L75,274 L75,92 L8,92 L8,34 C28,30 45,25 59,20 C73,15 87,8 100,0 L171,0 L171,274 L233,274 L233,350 L0,350 L0,274 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id21" transform="translate(2754.000000, 2378.000000)">
<rect id="Rectangle-path" x="0" y="0" width="263" height="365"></rect>
<path d="M131,364 C111,364 94,359 78,351 C62,343 48,332 36,316 C25,301 16,282 10,259 C4,236 1,210 1,180 C1,150 4,124 10,102 C16,79 25,60 36,45 C48,30 62,19 78,12 C94,4 111,0 131,0 C150,0 167,4 184,12 C200,19 214,30 225,45 C237,60 246,79 253,102 C259,124 262,150 262,180 C262,210 259,236 253,259 C246,282 237,301 225,316 C214,332 200,343 184,351 C167,359 150,364 131,364 Z M131,290 C136,290 141,289 146,286 C151,283 156,278 159,270 C163,262 166,250 168,236 C170,222 172,203 172,180 C172,157 170,138 168,124 C166,110 163,99 159,92 C156,84 151,79 146,77 C141,74 136,73 131,73 C125,73 120,74 115,77 C110,79 106,84 102,92 C98,99 95,110 93,124 C91,138 90,157 90,180 C90,203 91,222 93,236 C95,250 98,262 102,270 C106,278 110,283 115,286 C120,289 125,290 131,290 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id22" transform="translate(2240.000000, 431.000000)">
<rect id="Rectangle-path" x="0" y="0" width="1409" height="2341"></rect>
<path d="M79,0 C38,0 5,34 1,69 C-4,103 19,145 58,156 C944,411 1438,1352 1183,2238 L1184,2238 C1177,2259 1180,2284 1191,2302 C1203,2320 1219,2331 1237,2336 C1255,2341 1275,2341 1294,2332 C1313,2323 1329,2303 1335,2281 C1614,1314 1071,283 102,3 C94,1 87,0 79,0 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id23" transform="translate(3281.000000, 2464.000000)">
<rect id="Rectangle-path" x="0" y="0" width="524" height="529"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 132 528 237 426 523 151"></polygon>
</g>
<g id="id24" transform="translate(0.000000, 517.000000)">
<rect id="Rectangle-path" x="1" y="1" width="1171" height="2481"></rect>
<path d="M1086,1 C1076,2 1067,5 1058,9 C144,434 -253,1520 170,2433 C179,2453 198,2470 219,2477 C239,2483 259,2480 276,2472 C292,2465 307,2451 316,2431 C324,2412 323,2387 313,2366 L314,2367 C-74,1531 288,541 1125,153 L1124,153 C1160,137 1177,94 1168,62 C1160,29 1125,-2 1086,1 Z" id="Shape" fill="#2092C5"></path>
</g>
<g id="id25" transform="translate(833.000000, 417.000000)">
<rect id="Rectangle-path" x="0" y="0" width="543" height="495"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 229 494 542 48 394 35"></polygon>
</g>
<g id="id26" transform="translate(257.000000, 3181.000000)">
<rect id="Rectangle-path" x="0" y="0" width="3185" height="79"></rect>
<polygon id="Shape" fill="#2092C5" points="0 0 0 77 3184 77 3184 0"></polygon>
</g>
<g id="id27" transform="translate(599.000000, 1158.000000)">
<rect id="Rectangle-path" x="0" y="0" width="2500" height="437"></rect>
<path d="M1239,0 L1,362 L11,436 L1250,436 L2489,436 L2499,362 L1260,0 L1239,0 Z M1250,76 L2223,361 L1250,361 L277,361 L1250,76 Z" id="Shape" fill="#2092C5"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB