new catcet theme added

pelicanconf.py

@@ -51,7 +51,7 @@ MENUITEMS=(
             ('news', '/'),
             )
 
-THEME = 'themes/catcet'
+THEME = 'themes/cetcat'
 
 ARTICLE_LANG_URL = '{slug}-{lang}.html'
 

themes/catcet/static/css/main2.css

@@ -1,221 +0,0 @@
-/* 
-2k17 Homebrewserver.club Pelican theme
----
-Style sheet is ordered vertically, with declarations for the header on top and footer on the bottom.
-
-With contributions by club members:
-http://roelof.info
-http://randomiser.info/
-http://majesticmoo.se
-*/
-
-@font-face {
-    font-family: 'NowBlack';
-    src: url('../fonts/Now-Black.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-      }
-
-@font-face {
-    font-family: 'NowBold';
-    src: url('../fonts/Now-Bold.otf') format('opentype');
-    font-weight: bold;
-    font-style: normal;
-      }
-
-@font-face {
-    font-family: 'NowLight';
-    src: url('../fonts/Now-Light.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-      }
-
-@font-face {
-    font-family: 'NowMedium';
-    src: url('../fonts/Now-Medium.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-      }
-
-@font-face {
-    font-family: 'NowRegular';
-    src: url('../fonts/Now-Regular.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-      }
-
-@font-face {
-    font-family: 'NowThin';
-    src: url('../fonts/Now-Thin.otf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-      }
-
-header {
-	width:100%;
-    margin-top:3em;
-    margin-bottom:3em;
-    color: #538cc6;
-}
-
-#title {
-	margin-top:0.5em;
-    font-size: 120px;
-    width:50%;
-}
-#subtitle{
-    font-size: 16px;
-}
-
-hr {
-    color: white;
-    margin-top:1em;
-}
-pre {
-}
-#menu{
-	font-size:23px;
-	font-weight:bold;
-    width:40%;
-    float: right;
-}
-
-body {
-    line-height:1.5em;
-	background-color: #f2f2f2;
-	font-size: 16px;
-    margin: 0 auto;
-    width: 900px;
-    font-family:"NowRegular";
-    font-style: normal; 
-}
-
-a {
-    color:#0000ff;
-    font-weight: bold;
-}
-
-.paginator{
-    float:right;
-    margin:0px;
-}
-
-#index{
-}
-
-#post-list {
-	padding-left:0px;
-	margin-top:0px;
-}
-
-ul {
-	padding-left:0px;
-}
-
-.hentry{
-    /*margin-top:2em;*/
-	border-width: 1px;
-	border-color: #444;
-}
-
-.article-info{
-    clear: right;
-    display: inline;
-    float: left;
-    margin-bottom: 5em;
-    max-width: 150px;
-    padding-right: em;
-    transform: rotate(-3deg);
-}
-
-
-
-.entry-title span{
-        width:100%;
-        display:inline-block;
-}
-
-.entry-content{
-	display: inline;
-	float: right;
-    margin-bottom: 2.5em;
-	max-width: 700px;
-	padding-right: 1em;
-}
-
-.entry-content pre{
-    font-size:20px;
-    padding-left:1em;
-    overflow: auto;
-    background-color: #F8F8F8;
-    line-height:1.2em;
-}
-
-.entry-content img{
-    max-width:100%;
-    border: 2px solid white;
-}
-
-
-.entry-content ul {
-	font-size:20px;
-	line-height:1.5;
-	margin: auto;
-	max-width:800px;
-}
-
-.highlight{
-	margin: auto;
-	max-width:800px;
-}
-
-#page-content img{
-    max-width:100%;
-}
-
-blockquote {
-	font-style:italic;
-}
-
-#content{
-        margin:auto;
-        width:100%;
-}
-
-.divider {
-	font-size:12px;
-	width:100%;
-	line-height:1em;
-	background-color:white;
-}
-
-.published{
-        font-size:smaller;
-}
-
-.article_tags{
-        font-size:smaller;
-}
-
-
-#categories {
-    font-size: 40px;
-    margin-top: 2em;
-    text-align: center;
-}
-#pertaining{
-	margin-top:2em;
-	text-align:center;
-
-}
-.simple-footnotes{
-	font-size:14px;
-	margin:auto;
-	max-width:800px;
-}
-
-.author{
-	font-size:smaller;
-}
-
-

themes/catcet/templates/article.html

@@ -1,50 +0,0 @@
-{% extends "base.html" %}
-{% block head %}
-  {{ super() }}
-  {% if article.description %}
-    <meta name="description" content="{{article.description}}" />
-  {% endif %}
-
-  {% if article.tags or article.category or article.keywords %}
-    <meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" />
-  {% endif %}
-
-
-{% endblock %}
-                <div class="file type_folder">
-                    <a title="../" href="/log/" id="link0" class="type_folder"><img alt="../" src="/icons/back.png" class="type_folder"></a>
-                    </br>
-                    <span class="filename">../</span>
-
-
-{% block content %}
-<section id="content" class="body">
-  <div class="article-info">
-    <div class="entry-title">
-      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
-         title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></div>
- {% import 'translations.html' as translations with context %}
- {{ translations.translations_for(article) }}
-  <div class="post-info">
-    <time class="published" datetime="{{ article.date.isoformat() }}">
-      {{ article.locale_date }}
-    </time>
-	{% if article.modified %}
-    <time class="modified" datetime="{{ article.modified.isoformat() }}">
-      {{ article.locale_modified }}
-    </time>
-	{% endif %}
-    {% if article.authors %}
-    <address class="vcard author">
-      By {% for author in article.authors %}
-          <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
-        {% endfor %}
-    </address>
-    {% endif %}
-  </div>
-  </div>
-  <div class="entry-content">
-    {{ article.content }}
-  </div><!-- /.entry-content -->
-</section>
-{% endblock %}

themes/catcet/templates/translations.html

@@ -1,9 +0,0 @@
-{% macro translations_for(article) %}
-{% if article.translations %}
-Translations: 
-{% for translation in article.translations %}
-<a href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a>
-{% endfor %}
-{% endif %}
-{% endmacro %}
-

themes/cetcat/static/css/main.css

@@ -54,7 +54,11 @@ http://majesticmoo.se
 header {
 	width:100%;
     margin-top:3em;
-    margin-bottom:3em;
+    margin-bottom:1em;
+    line-height: 1.5em;
+    border-bottom: 1px solid;
+    padding-bottom:1em;
+    /*transform:rotate(3deg);*/
 }
 
 #title {
@@ -67,33 +71,44 @@ header {
 }
 
 hr {
-    color: white;
+    border:0;
+    color: black;
+    border-bottom:1px solid;
     margin-top:1em;
 }
 pre {
 }
 #menu{
-	font-size:40px;
+    position: absolute;
+    top:25px;
+    right:25px;
+	font-size:20px;
 	font-weight:bold;
-    width:50%;
     float: right;
 }
 
 body {
-    line-height:1.5em;
-	background-color: #f13030;
     font-size: 16px;
+    line-height:1.8;
+    background-color: rgb(239, 225, 79);
+	/*background-color: rgba(100,100,250,1);*/
     margin: 0 auto;
-    width: 900px;
+    width: calc(100% - 50px);
-    color:white;
+    color:black;
-    font-family:"NowRegular";
+    /*color:white;*/
+    font-family: monospace;
     font-style: normal; 
 }
 
 a {
-    color:#22181c;
+    color:#7e5211;
     font-weight: bold;
 }
+h1, h2, h3, h4, h5, h6, #header{
+    font-family: sans-serif, "NowRegular";
+    margin:1em 0 0 0;
+    padding:0;
+}
 
 .paginator{
     float:right;
@@ -112,35 +127,47 @@ ul {
 	padding-left:0px;
 }
 
+#translation{
+    float: left;
+}
+
 .hentry{
-    /*margin-top:2em;*/
+    float: left;
-	border-width: 1px;
+    width: 200px;
-	border-color: #444;
+    display: inline-block;
+    margin-right:2em;
+    font-size: 12px;
 }
 
 .article-info{
-    clear: right;
+    /*clear: right;*/
-    display: inline;
+    /*display: inline;*/
-    float: left;
+    /*float: left;*/
-    margin-bottom: 5em;
+    /*margin-bottom: 0em;*/
-    max-width: 150px;
+    /*max-width: 150px;*/
-    padding-right: em;
+    /*padding-right: 1em;*/
-    transform: rotate(-3deg);
+    /*transform: rotate(-3deg);*/
 }
 
 
-
+/* log */
 .entry-title span{
     width:100%;
     display:inline-block;
 }
-
 .entry-content{
-	display: inline;
+	/*display: inline;*/
-	float: right;
+	/*float: right;*/
-    margin-bottom: 2.5em;
+    /*margin-top:-6em;*/
-	max-width: 700px;
+    /*margin-bottom: 2.5em;*/
-	padding-right: 1em;
+    /*min-width: 400px;*/
+    /*max-width: 800px;*/
+    /*transform:rotate(-3deg);*/
+	/*padding:0 15%;*/
+    /*border-bottom: 1px solid;*/
+}
+.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3{
+    /*transform:rotate(3deg);   */
 }
 
 .entry-content pre{
@@ -150,25 +177,30 @@ ul {
     background-color: #F8F8F8;
     line-height:1.2em;
 }
-
 .entry-content img{
     max-width:100%;
-    border: 2px solid white;
 }
-
-
 .entry-content ul {
 	font-size:20px;
 	line-height:1.5;
 	margin: auto;
 	max-width:800px;
 }
+.separator hr{
+    display: none;
+}
 
 .highlight{
 	margin: auto;
 	max-width:800px;
 }
 
+#page-content{
+    clear: both;
+    float: left;
+    margin-top:-0.5em;
+    /*max-width: 800px;*/
+}
 #page-content img{
     max-width:100%;
 }
@@ -188,15 +220,14 @@ blockquote {
 	line-height:1em;
 	background-color:white;
 }
-
+/*
 .published{
     font-size:smaller;
 }
-
 .article_tags{
     font-size:smaller;
 }
-
+*/
 
 #categories {
     font-size: 40px;
@@ -215,6 +246,7 @@ blockquote {
 }
 
 .author{
+    display: none;
 	font-size:smaller;
 }
 

themes/cetcat/templates/article.html

@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+
+{% block head %}
+	{{ super() }}
+	{% if article.description %}
+		<meta name="description" content="{{article.description}}" />
+	{% endif %}
+
+	{% if article.tags or article.category or article.keywords %}
+		<meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" />
+	{% endif %}
+{% endblock %}
+
+<div class="file type_folder">
+	<a title="../" href="/log/" id="link0" class="type_folder"><img alt="../" src="/icons/back.png" class="type_folder"></a>
+	</br>
+	<span class="filename">../</span>
+
+	{% block content %}
+	<section id="content" class="body">
+		<div class="article-info">
+			<div class="entry-title">
+				<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
+			</div>
+			{% import 'translations.html' as translations with context %}
+			{{ translations.translations_for(article) }}
+			<div class="post-info">
+				<time class="published" datetime="{{ article.date.isoformat() }}">
+					{{ article.locale_date }}
+				</time>
+				{% if article.modified %}
+					<time class="modified" datetime="{{ article.modified.isoformat() }}">
+						{{ article.locale_modified }}
+					</time>
+				{% endif %}
+				{% if article.authors %}
+					<address class="vcard author">
+						By {% for author in article.authors %}
+							<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
+						{% endfor %}
+					</address>
+				{% endif %}
+			</div>
+		</div>
+	<div class="entry-content">
+		{{ article.content }}
+	</div><!-- /.entry-content -->
+	</section>
+{% endblock %}

themes/cetcat/templates/base.html

@@ -61,7 +61,7 @@
             {% endfor %}
           {% endif %}
         {% endif %}
-    </ul></nav><hr></header><!-- /#menu -->
+    </ul></nav></header><!-- /#menu -->
         {% block content %}
         {% endblock %}
     

themes/cetcat/templates/translations.html

@@ -0,0 +1,11 @@
+{% macro translations_for(article) %}
+{% if article.translations %}
+	<div id="translation">
+		Translations: 
+		{% for translation in article.translations %}
+		<a href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a>
+		{% endfor %}
+	</div>
+{% endif %}
+{% endmacro %}
+