beenull/Pico
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

* [New] added font-awesome stylesheet from MaxCDN

Browse source 
* [Changed] demonstrate twig by splitting and including html snippets
* [Changed] moved stylesheet to assets/css/
This commit is contained in:
theshka 2015-11-29 13:37:29 -06:00
parent 84c1424ed4
commit a484681e38
7 changed files with 115 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
themes/default/bootstrap.theme.css → themes/default/assets/css/bootstrap.theme.css vendored Normal file → Executable file
View file

@ -121,6 +121,44 @@ pre code {
color: #FFF !important;
}
.breadcrumb {
margin-left: -1em;
margin-right: -1em;
}
/* Main column and sidebar layout
/*---------------------------------------------*/
/* Sidebar modules for boxing content */
.sidebar-module {
padding: 1rem;
}
.sidebar-module-inset {
padding: 1rem;
background-color: #f5f5f5;
border-radius: .25rem;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
margin-bottom: 0;
}
/* Blog posts
/*---------------------------------------------*/
.blog-post {
margin-bottom: 4rem;
}
.blog-post-title {
margin-bottom: .25rem;
font-size: 2.5rem;
}
.blog-post-meta {
margin-bottom: 1.25rem;
color: #999;
}
/* Footer Styles
/*---------------------------------------------*/
.footer {

19
themes/default/includes/foot.twig Normal file
View file

@ -0,0 +1,19 @@
<!-- Footer -->
<footer class="footer">
<div class="container">
<p class="text-center">
{% if config.theme_config.copyright %}
{{ config.theme_config.copyright }}
{% else %}
<a href="http://picocms.org/">Pico</a>
was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
Released under the MIT License.
{% endif %}
</p>
</div>
</footer>
<!-- Javascript -->
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>

30
themes/default/includes/head.twig Normal file
View file

@ -0,0 +1,30 @@
<head>
<!-- Page Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="generator" content="Pico 1.0">
<!-- Post Meta -->
{% if meta.description %}
<meta name="description" content="{{ meta.description|striptags }}">
{% endif %}{% if meta.robots %}
<meta name="robots" content="{{ meta.robots }}">
{% endif %}{% if meta.author %}
<meta name="author" content="{{ meta.author }}">
{% endif %}
<!-- Page Title -->
<title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
<!-- Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" type="text/css">
<!-- Stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="{{ theme_url }}/assets/css/bootstrap.theme.css" type="text/css" />
<!-- Icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>

1
themes/default/includes/htmlFoot.twig Normal file
View file

@ -0,0 +1 @@
</html>

2
themes/default/includes/htmlHead.twig Normal file
View file

@ -0,0 +1,2 @@
<!DOCTYPE html>
<html lang="en">

20
themes/default/includes/nav.twig Normal file
View file

@ -0,0 +1,20 @@
<!-- Navigation -->
<nav class="navbar navbar-light">
<button class="navbar-toggler hidden-sm-up pull-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbar">
&#9776;
</button>
<div class="container">
<a class="navbar-brand" href="{{ 'index'|link }}">{{ site_title }}</a>
<div class="collapse navbar-toggleable-xs" id="CollapsingNavbar">
<ul class="nav navbar-nav pull-right">
{% for page in pages %}
{% if page.id starts with "blog/" %}{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ page.url }}">{{ page.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>

65
themes/default/index.twig Normal file → Executable file
View file

@ -1,47 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
{% if meta.description %}
<meta name="description" content="{{ meta.description|striptags }}">
{% endif %}{% if meta.robots %}
<meta name="robots" content="{{ meta.robots }}">
{% endif %}
<!-- Page Title -->
<title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
<!-- Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" type="text/css">
<!-- Stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="{{ theme_url }}/bootstrap.theme.css" type="text/css" />
</head>
{% include 'includes/htmlHead.twig' %}
{% include 'includes/head.twig' %}
<body>
<!-- Navigation -->
<nav class="navbar navbar-light">
<button class="navbar-toggler hidden-sm-up pull-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbar">
&#9776;
</button>
<div class="container">
<a class="navbar-brand" href="{{ 'index'|link }}">{{ site_title }}</a>
<div class="collapse navbar-toggleable-xs" id="CollapsingNavbar">
<ul class="nav navbar-nav pull-right">
{% for page in pages %}
<li class="nav-item">
<a class="nav-link" href="{{ page.url }}">{{ page.title }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</nav>
{% include 'includes/nav.twig' %}
<!-- Main Content -->
<div class="container">
<div class="row">
@ -50,21 +10,6 @@
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<p class="text-center">
<a href="http://picocms.org/">Pico</a>
was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
Released under the MIT License.
</p>
</div>
</footer>
<!-- Javascript -->
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
{% include 'includes/foot.twig' %}
</body>
</html>
{% include 'includes/htmlFoot.twig' %}