Skip to content

Commit e74b37a

Browse files
timothyb89timothyb89
committed
Basic customization and theming
1 parent 57eaecb commit e74b37a

18 files changed

+2788
-1593
lines changed

‎.htmlhintrc

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"tagname-lowercase": true,
3+
"attr-lowercase": true,
4+
"attr-value-double-quotes": true,
5+
"doctype-first": false,
6+
"tag-pair": true,
7+
"spec-char-escape": true,
8+
"id-unique": true,
9+
"src-not-empty": true,
10+
"attr-no-duplication": true,
11+
"title-require": true
12+
}

‎_includes/header-large.html

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<div id="logo">
2+
<img src="/assets/images/lizard.png"
3+
alt="Monasca logo">
4+
<div>
5+
<h1 class="large">Monasca</h1>
6+
<span>an OpenStack Community project</span>
7+
</div>
8+
</div>

‎_includes/header-small.html

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<div id="logo">
2+
<img src="/assets/images/lizard-rot-s.png"
3+
alt="Monasca logo">
4+
<div>
5+
<h1 class="small">Monasca</h1>,
6+
<span>an OpenStack Community project</span>
7+
</div>
8+
</div>

‎_layouts/default.html

+48-64
Original file line numberDiff line numberDiff line change
@@ -5,74 +5,58 @@
55
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
66
-->
77
<html>
8-
<head>
9-
<title>Linear by TEMPLATED</title>
10-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
11-
<meta name="description" content="" />
12-
<meta name="keywords" content="" />
13-
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'>
14-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
15-
<script src="/assets/js/skel.min.js"></script>
16-
<script src="/assets/js/skel-panels.min.js"></script>
17-
<script src="/assets/js/init.js"></script>
18-
<noscript>
19-
<link rel="stylesheet" href="/assets/css/skel-noscript.css" />
20-
<link rel="stylesheet" href="/assets/css/style.css" />
21-
<link rel="stylesheet" href="/assets/css/style-desktop.css" />
22-
</noscript>
23-
</head>
24-
<body>
258

26-
<!-- Header -->
27-
<div id="header">
28-
{% include nav.html %}
29-
<div class="container">
9+
<head>
10+
{% if page.title %}
11+
<title>{{ page.title }} &mdash; Monasca</title>
12+
{% else %}
13+
<title>Monasca</title>
14+
{% endif %}
15+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
16+
<meta name="description" content="" />
17+
<meta name="keywords" content="" />
18+
<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900" rel="stylesheet" type="text/css">
19+
<noscript>
20+
<link rel="stylesheet" href="/assets/css/skel-noscript.css" />
21+
<link rel="stylesheet" href="/assets/css/style.css" />
22+
<link rel="stylesheet" href="/assets/css/style-desktop.css" />
23+
</noscript>
24+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
25+
<script src="/assets/js/skel.min.js"></script>
26+
<script src="/assets/js/skel-panels.min.js"></script>
27+
<script src="/assets/js/init.js"></script>
28+
</head>
3029

31-
<!-- Logo -->
32-
<div id="logo">
33-
<h1><a href="#">Linear</a></h1>
34-
<span class="tag">By TEMPLATED</span>
35-
</div>
36-
</div>
37-
</div>
38-
<!-- Header -->
39-
{{ content }}
40-
41-
<!-- Tweet -->
42-
<div id="tweet">
43-
<div class="container">
44-
<section>
45-
<blockquote>&ldquo;In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.&rdquo;</blockquote>
46-
</section>
47-
</div>
48-
</div>
30+
<body>
31+
{% assign header = page.header | default: "small" %}
32+
<div id="header" class="header-{{ header }}">
33+
{% include nav.html %}
34+
<div class="container">
35+
{% include header-{{ header }}.html %}
36+
</div>
37+
</div>
4938

39+
{{ content }}
5040

51-
<!-- Footer -->
52-
<div id="footer">
53-
<div class="container">
54-
<section>
55-
<header>
56-
<h2>Get in touch</h2>
57-
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span>
58-
</header>
59-
<ul class="contact">
60-
<li><a href="#" class="fa fa-twitter"><span>Twitter</span></a></li>
61-
<li class="active"><a href="#" class="fa fa-facebook"><span>Facebook</span></a></li>
62-
<li><a href="#" class="fa fa-dribbble"><span>Pinterest</span></a></li>
63-
<li><a href="#" class="fa fa-tumblr"><span>Google+</span></a></li>
64-
</ul>
65-
</section>
66-
</div>
67-
</div>
41+
<!-- Tweet -->
42+
<div id="tweet">
43+
<div class="container">
44+
<section>
45+
<blockquote>&ldquo;In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.&rdquo;</blockquote>
46+
</section>
47+
</div>
48+
</div>
6849

69-
<!-- Copyright -->
70-
<div id="copyright">
71-
<div class="container">
72-
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
73-
Jekyll Template: <a href="http://cloudcannon.com">Cloud Cannon</a>
74-
</div>
75-
</div>
50+
<!-- Copyright -->
51+
<div id="copyright">
52+
<div class="container">
53+
<p>&copy; 2017 Hewlett-Packard Enterprise Development LP</p>
54+
Design: <a href="http://templated.co">TEMPLATED</a>
55+
Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>), <a href="https://www.toptal.com">Toptal</a> (CC BY-SA)
56+
Jekyll Template: <a href="http://cloudcannon.com">Cloud Cannon</a>
57+
</div>
58+
</div>
59+
60+
</body>
7661

77-
</body>
7862
</html>

‎_layouts/post.html

+13-13
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
layout: default
33
---
44
<!-- Main -->
5-
<div id="main">
6-
<div id="content" class="container">
7-
<div class="row">
8-
<section class="8u -2u">
9-
<a href="{{ site.prefix }}{{ page.url }}" class="image full"><img src="/assets/{{ page.featured }}" alt=""></a>
10-
<header>
11-
<h2>{{ page.title }}</h2>
12-
</header>
13-
{{ page.content }}
14-
</section>
15-
</div>
16-
</div>
17-
</div>
5+
<div id="main">
6+
<div id="content" class="container">
7+
<div class="row">
8+
<section class="8u -2u">
9+
<a href="{{ site.prefix }}{{ page.url }}" class="image full"><img src="/assets/{{ page.featured }}" alt=""></a>
10+
<header>
11+
<h2>{{ page.title }}</h2>
12+
</header>
13+
{{ page.content }}
14+
</section>
15+
</div>
16+
</div>
17+
</div>

‎assets/css/style-1000px.css

+33-50
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,47 @@
11
/*
2-
Linear by TEMPLATED
2+
Linear by TEMPLATED
33
templated.co @templatedco
44
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
55
*/
6+
*
7+
/* Basic */
68

7-
/*********************************************************************************/
8-
/* Basic */
9-
/*********************************************************************************/
9+
body {}
1010

11-
body
12-
{
13-
}
11+
body, input, textarea, select {
12+
font-size: 11pt;
13+
}
1414

15-
body,input,textarea,select
16-
{
17-
font-size: 11pt;
18-
}
15+
header {
16+
margin-bottom: 1.6em;
17+
}
1918

20-
header
21-
{
22-
margin-bottom: 1.6em;
23-
}
24-
25-
header h2
26-
{
27-
font-size: 2.8em;
28-
}
19+
header h2 {
20+
font-size: 2.8em;
21+
}
2922

30-
header .byline
31-
{
32-
font-size: 1.2em;
33-
}
23+
header .byline {
24+
font-size: 1.2em;
25+
}
3426

35-
/*********************************************************************************/
36-
/* Main */
37-
/*********************************************************************************/
3827

39-
#main
40-
{
41-
}
42-
43-
.homepage #content header h2
44-
{
45-
font-size: 1.8em;
46-
}
28+
/* Main */
4729

48-
#sidebar h2
49-
{
50-
font-size: 2em;
51-
}
30+
#main {}
5231

53-
/*********************************************************************************/
54-
/* Tweet */
55-
/*********************************************************************************/
56-
57-
#tweet
58-
{
59-
}
32+
.homepage #content header h2 {
33+
font-size: 1.8em;
34+
}
6035

61-
#tweet blockquote
62-
{
63-
font-size: 1.6em;
64-
}
36+
#sidebar h2 {
37+
font-size: 2em;
38+
}
39+
40+
41+
/* Tweet */
42+
43+
#tweet {}
44+
45+
#tweet blockquote {
46+
font-size: 1.6em;
47+
}

0 commit comments

Comments
 (0)