one big wttf theme update

theme/wttf/static/fonts/arima-koshi/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2015 The Arima Project Authors (info@ndiscovered.com)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

theme/wttf/static/fonts/liberation-serif/AUTHORS

@@ -0,0 +1,12 @@
+AUTHORS
+
+Current Contributors (sorted alphabetically):
+  - Pravin Satpute  <psatpute at redhat dot com>
+      Project Owner (Current)
+      Red Hat, Inc.
+
+Previous Contributors
+
+  - Steve Matteson
+      Original Designer
+      Ascender, Inc.

theme/wttf/static/fonts/liberation-serif/ChangeLog

@@ -0,0 +1,14 @@
+* Thu Oct 04 2012 Pravin Satpute <psatpute AT redhat DOT com>
+- Resolved "Glyphs with multiple unicode encodings inhibit subsetting" #851790
+- Resolved #851791, #854601 and #851825
+- Following GASP table version as per Liberation old version. (Anti-aliasing disabled)
+- Added support for Serbian glyphs for wikipedia #657849
+- In Monospace fonts, isFixedPitch bit set via script for getting it recognized as Monospace in putty.exe
+
+* Fri Jul 06 2012 Pravin Satpute <psatpute AT redhat DOT com>
+- Initial version of Liberation fonts based on croscore fonts version 1.21.0
+- Converted TTF files into SFD files to be open source.
+- Update Copyright and License file
+- set fsType bit to 0, Installable Embedding is allowed.
+- Absolute value in HHeadAscent/Descent values for maintaining Metric compatibility.
+

theme/wttf/static/fonts/liberation-serif/LICENSE

@@ -0,0 +1,102 @@
+Digitized data copyright (c) 2010 Google Corporation
+	with Reserved Font Arimo, Tinos and Cousine.
+Copyright (c) 2012 Red Hat, Inc.
+	with Reserved Font Name Liberation.
+
+This Font Software is licensed under the SIL Open Font License,
+Version 1.1.
+
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+
+PREAMBLE The goals of the Open Font License (OFL) are to stimulate
+worldwide development of collaborative font projects, to support the font
+creation efforts of academic and linguistic communities, and to provide
+a free and open framework in which fonts may be shared and improved in
+partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves.
+The fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works.  The fonts and derivatives,
+however, cannot be released under any other type of license.  The
+requirement for fonts to remain under this license does not apply to
+any document created using the fonts or their derivatives.
+
+ 
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such.
+This may include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components
+as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting ? in part or in whole ?
+any of the components of the Original Version, by changing formats or
+by porting the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical writer
+or other person who contributed to the Font Software.
+
+
+PERMISSION & CONDITIONS
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,in
+   Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+   redistributed and/or sold with any software, provided that each copy
+   contains the above copyright notice and this license. These can be
+   included either as stand-alone text files, human-readable headers or
+   in the appropriate machine-readable metadata fields within text or
+   binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+   Name(s) unless explicit written permission is granted by the
+   corresponding Copyright Holder. This restriction only applies to the
+   primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+   Software shall not be used to promote, endorse or advertise any
+   Modified Version, except to acknowledge the contribution(s) of the
+   Copyright Holder(s) and the Author(s) or with their explicit written
+   permission.
+
+5) The Font Software, modified or unmodified, in part or in whole, must
+   be distributed entirely under this license, and must not be distributed
+   under any other license. The requirement for fonts to remain under
+   this license does not apply to any document created using the Font
+   Software.
+
+
+ 
+TERMINATION
+This license becomes null and void if any of the above conditions are not met.
+
+ 
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT.  IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
+DEALINGS IN THE FONT SOFTWARE.
+

theme/wttf/static/fonts/liberation-serif/README

@@ -0,0 +1,80 @@
+   1. What's this?
+  =================
+
+  The Liberation Fonts is font collection which aims to provide document 
+  layout compatibility as usage of Times New Roman, Arial, Courier New.
+
+
+   2. Requirements
+  =================
+
+  * fontforge is installed.
+    (http://fontforge.sourceforge.net)
+
+
+   3. Install
+  ============
+
+  3.1 Decompress tarball
+
+    You can extract the files by following command:
+
+      $ tar zxvf liberation-fonts-[VERSION].tar.gz
+
+  3.2 Build from the source
+
+    Change into directory liberation-fonts-[VERSION]/ and build from sources by 
+    following commands:
+
+      $ cd liberation-fonts-[VERSION]
+      $ make
+
+    The built font files will be available in 'build' directory.
+
+  3.3 Install to system
+
+    For Fedora, you could manually install the fonts by copying the TTFs to 
+    ~/.fonts for user wide usage, or to /usr/share/fonts/truetype/liberation 
+    for system-wide availability. Then, run "fc-cache" to let that cached.
+
+    For other distributions, please check out corresponding documentation.
+
+
+   4. Usage
+  ==========
+
+  Simply select preferred liberation font in applications and start using.
+
+
+   5. License
+  ============
+
+  This Font Software is licensed under the SIL Open Font License,
+  Version 1.1.
+
+  Please read file "LICENSE" for details.
+
+
+   6. For Maintainers
+  ====================
+
+  Before packaging a new release based on a new source tarball, you have to
+  update the version suffix in the Makefile:
+
+    VER = [VERSION]
+
+  Make sure that the defined version corresponds to the font software metadata
+  which you can check with ftinfo/otfinfo or fontforge itself. It is highly 
+  recommended that file 'ChangeLog' is updated to reflect changes.
+
+  Create a tarball with the following command:
+
+    $ make dist
+
+  The new versioned tarball will be available in the dist/ folder as
+  'liberation-fonts-[NEW_VERSION].tar.gz'.
+
+  7. Credits
+ ============
+
+  Please read file "AUTHORS" for list of contributors.

theme/wttf/static/fonts/liberation-serif/TODO

@@ -0,0 +1,5 @@
+Here are todo for next release
+1) Serbian glyph for wikipedia https://bugzilla.redhat.com/show_bug.cgi?id=657849
+	- Improving shape of S_BE https://bugzilla.redhat.com/show_bug.cgi?id=657849#c96
+2) Liberation Mono not recognizing as Mono in Windows application #861003
+	- presently it is patch, we have to update zero width characters to fixed width

theme/wttf/static/main.css

@@ -1,96 +1,194 @@
-
+@font-face{
+	font-family: "serif";
+	src:url('/theme/fonts/liberation-serif/LiberationSerif-Regular.ttf');
+	font-weight: normal;
+	font-variant: normal;
+}
+@font-face{
+	font-family: "headers";
+	src:url('/theme/fonts/arima-koshi/ArimaKoshi-ExtraBold.otf');
+	font-weight: normal;
+	font-variant: normal;
+}
 body{
 	margin:0px;
-	font: 14px "ArimaKoshiRegular";
+	font-size: 14px;
+	font-family: "serif";
 	color:midnightblue;
-}
-#menu select{
-	height:3em;
-	vertical-align: middle;
+	background-color: #ff6341;
+	word-break: normal;
 }
 h1{
 	font-size: 42px;
 	line-height:45px;
 	margin-top: 0.3em;
 	margin-bottom: 0.3em;
-	font: 36px "ArimaKoshiBlack";
-	text-align:center;
+	font-size: 36px;
+	font-family: "headers";
+	/*color:midnightblue;*/
+	/*text-align:center;*/
 	font-weight: bold;
 }
 
-article a{
-	font-weight:bold;
-}
-article {
+a, a:visited, a:active{
+	color:black;
 }
 blockquote{
 	font-weight:bold;
 }
 
 a{
-	color:lightseagreen;
+	/*color:lightseagreen;*/
 	text-decoration: none;
 }
+hr{
+	border:0;
+	border-bottom:1px solid black;
+}
 
-#content{
+section{
+	width: calc(100% - 4em);
+	padding:0 2em;
+}
+header{
+	top:0;
+	height: auto;
+	margin:0 0 5em 0;
+	text-align: center;
+}
+	#menu{
 		width: 100%;
+		margin:0;
+		font-size: 9vw;
+		line-height: 1.2;
+		color:white;
+		padding:90px 0;
+		background-color: black;
+	}
+		#menu.main{
+			position: relative;
+			z-index: 10;
+		}
+	#menu select{
+		height:5vw;
+		vertical-align: middle;
+		color:black;
+		padding: 0 0 0 1em;
+		margin:0 1em;
+	}
+	#menu.sticky{
+		position: fixed;
+		font-size: 2em;
+		width: 100%;
+		top:0;
+		left:0;
+		padding:10px 0;
+		margin:0;
+		background-color: black;
+	}
+		#menu.sticky{
+			z-index: 1;
+		}
+		#menu.sticky a{
+			color:white;
+		}
+		#menu.sticky select{
+			padding:0;
+			height: auto;
+			margin:0 0.5em;
+		}
+
+#content{
+	margin-bottom:5em;
 }
 
 	.featured {
-	max-width: calc(50% - 6em);
+		max-width: calc(50% - 1.5em);
 		float: left;
-	margin: 2em;
-	padding:1em;
-	background-color: gainsboro;
-	/*background-color: powderblue;*/
-	box-shadow: 1.1em 1.1em gainsboro;
-	font: 20px "ArimaKoshiRegular";
-	line-height: 30px;
-	font-weight:500;
+		margin:2em 0;
+		color:rgb(0, 5, 33);
 	}
 
 	.featured:nth-child(even) {
 		float:right;
+		margin-top: 10em;
+	}
+	.featured:nth-child(odd) {
+		clear: left;
+	}
+	.featured:last-of-type{
+		margin-bottom:5em;
 	}
-
 	.entry-title{
-	text-align:right;
-	margin-right:2em;
-	margin-bottom:0em;
+		border: 0;
+		border-radius: 15px 50px;
+		background-color: white;
+		padding: 2em;
+		text-align: center;
+	}
+		.entry-title a{
+			color:#ff6341;
 		}
 	.entry-subtitle{
-	font-size: 14px;
-	text-align:right;
-	margin-bottom:2em;
-	margin-right: 5.5em;
+		font-size: 12px;
+		line-height: 1.5;
+		text-align:left;
+		margin:2em 0 1em;
+		padding:0 20px;
+		color:white;
+		/*margin-left:50px;*/
 	}
 	.entry-content{
-	margin-right: auto;
-	margin-left: auto;
-	max-width:75%;
-	line-break:strict;
+		font: 16px serif;
+		line-height: 28px;
+		letter-spacing: 0.01em;
+		/*background-color: midnightblue;*/
+		padding:0 20px;
+		color:black;
 	}
-.entry-tags{
-	font-weight:bold;
+	.entry-readmore a{
+		text-decoration: underline;
 	}
-.entry-category{
+	.entry-tags a{
 		font-weight:bold;
+		text-decoration: underline;
+		color:white;
 	}
-.entry-date{
-	font-style:italic;
+
+/* article pages */
+#content.article{
+	max-width:900px;
+	margin:0 auto 5em auto;
+}
+	#content.article .entry-content{
+		font-size: 21px;
+		line-height: 1.7;
 	}
+
 #list{
-	width:100%;
+	margin:3em 0;
 	clear: both;
 }
-
-#menu{
-	max-width: calc(50% - 4em);
-	float:right;
-	margin-right: 4em;
+	#list ul, #list li{
+		list-style: none;
+		padding:0;
+		margin:2em 0;
+	}
+	#list .entry-title{
+		margin-top:0; /* reset */
+		margin-bottom:0; /* reset */
+		padding:1em 2em;
 	}
 
-footer{clear:both;}
+footer{
+	width: calc(100% - 4em);
+	margin:0;
+	padding:2em;
+	left:0;
+	background-color: rgb(228, 43, 3);
+	color:white;
+	clear:both;
+}
 
 
 @media only screen and (orientation:portrait) {

theme/wttf/templates/article.html

@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block content %}
-<section id="content" class="body">
+<section id="content" class="body article">
 	<h1 class="entry-title p-name">
 		<a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
 	</h1>

theme/wttf/templates/base.html

@@ -5,7 +5,8 @@
 		<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
 		<meta charset="utf-8" />
 		<link rel="stylesheet" type="text/css" href="{{SITEURL}}/{{ THEME_STATIC_DIR }}{{ CSS_FILE }}" />
-	<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/arima-koshi" type="text/css"/> 
+	<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/arima-koshi" type="text/css"/>  -->
+	<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/liberation-serif" type="text/css"/>  -->
 	<link rel="icon" href="{{ SITEURL}}/favicon.ico" type="image/x-icon">
 	{% if FEED_ALL_ATOM %}
 		<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
@@ -36,15 +37,25 @@
 
 <body id="index" class="home">
 	<header id="banner">
-		<h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
-		<h1 id="menu">
-			Welcome to the 
+		<h1 id="menu" class="main">
+			Welcome <br>to
+			the 
 			 <select onchange="window.location.href=this.value">
 			 	{%- for t, article in tags|sort %}
 				<option value="{{SITEURL}}/{{ t.url }}" {% if t == tag %}selected{% endif %}>{{ t }}</option>
 				{% endfor %}
 			</select> 
-			Federation
+			<br>Federation
+		</h1>
+		<h1 id="menu" class="sticky">
+			<a href="{{SITEURL}}">Welcome to
+			the 
+			 <select onchange="window.location.href=this.value">
+			 	{%- for t, article in tags|sort %}
+				<option value="{{SITEURL}}/{{ t.url }}" {% if t == tag %}selected{% endif %}>{{ t }}</option>
+				{% endfor %}
+			</select> 
+			Federation</a>
 		</h1>
 	</header>
 	{% block content %}

theme/wttf/templates/index.html

@@ -3,7 +3,7 @@
 {% if articles %}
 	<section id="content">
 	{% for article in articles_page.object_list %}
-		{% if loop.index <= 3 %}
+		{% if loop.index <= 5 %}
 			<div class="featured">
 				<article>
 					<h1 class="entry-title p-name">
@@ -28,15 +28,15 @@
 					<div class="entry-content e-content">{{ article.content }}</div>
 				</article>
 			</div>
-			{% if loop.index < 3 %}
+			{% if loop.index < 5 %}
 				{% if loop.last %}
 					</section>
 				{% endif %}
 			{% endif %}
-			{% if loop.index == 3 %}
+			{% if loop.index == 5 %}
 				</section>
 				<section id="list">
-					<h1>Other articles</h1>
+					<strong>Other articles</strong>
 					<hr />
 					<ul id="posts-list">
 			{% endif %}
@@ -49,8 +49,8 @@
 			{% endif %}
 			<li>
 				<article class="hentry">
-					<header>
-						<h1 class="p-name">
+					<div class="head">
+						<h1 class="p-name entry-title">
 							<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
 						</h1>
 						<div class="entry-subtitle">
@@ -62,17 +62,17 @@
 							<span class="entry-tags">
 								{% for tag in article.tags %}
 									<span itemprop="keywords">
-										<a href="{{ SITEURL }}//{{ tag.url }}" rel="tag">{{ tag }}</a>
+										<a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
 									</span> 
 								{% endfor %}
 							</span> 
 							published on 
 							<span class="entry-date dt-published">{{ article.date }}</span>
 						</div>
-					</header>
+					</div>
 
 					<div class="entry-content">
-						<p class="p-summary">{{ article.summary }}</p>
+						<p class="p-summary entry-content">{{ article.summary }}</p>
 						<span class="entry-readmore"><a class="readmore" href="{{ SITEURL }}/{{ article.url }}"> read more</a></span>
 					</div>
 				</article>

theme/wttf2/templates/article.html

@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block content %}
-<section id="content" class="body">
+<section id="content" class="body article">
 	<h1 class="entry-title p-name">
 		<a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
 	</h1>