navigation layout change
authorNIIBE Yutaka <gniibe@fsij.org>
Fri, 23 May 2014 07:46:22 +0000 (16:46 +0900)
committerNIIBE Yutaka <gniibe@fsij.org>
Fri, 23 May 2014 07:46:22 +0000 (16:46 +0900)
content/extra/favicon.ico [new file with mode: 0644]
content/extra/gitweb-header [new file with mode: 0644]
content/images/favicon.ico [deleted file]
content/pages/home.rst
pelicanconf.py
theme/static/css/main.css
theme/templates/base.html

diff --git a/content/extra/favicon.ico b/content/extra/favicon.ico
new file mode 100644 (file)
index 0000000..695b2b4
Binary files /dev/null and b/content/extra/favicon.ico differ
diff --git a/content/extra/gitweb-header b/content/extra/gitweb-header
new file mode 100644 (file)
index 0000000..907d055
--- /dev/null
@@ -0,0 +1,5 @@
+<header id="banner" class="body">
+<h1>Git repository of FSIJ.org <a href="http://www.fsij.org/">
+<img style="float:right" src="http://www.fsij.org/images/FSIJ-s.png" />
+</a></h1>
+</header>
diff --git a/content/images/favicon.ico b/content/images/favicon.ico
deleted file mode 100644 (file)
index 695b2b4..0000000
Binary files a/content/images/favicon.ico and /dev/null differ
index f98f64f..35a2e5d 100644 (file)
@@ -1,6 +1,6 @@
-==================================================================
-特定非営利活動法人 フリーソフトウェアイニシアティブ (FSIJ)
-==================================================================
+====
+FSIJ
+====
 :date: 2014-05-23
 :url:
 :save_as: index.html
index f85c149..fb34fd8 100644 (file)
@@ -4,7 +4,9 @@ from __future__ import unicode_literals
 
 AUTHOR = u'webmaster@fsij.org'
 SITENAME = u'Free Software Initiative of Japan'
+SITESUBTITLE = u'特定非営利活動法人 フリーソフトウェアイニシアティブ'
 SITEURL = ''
+SITELOGO= '/images/FSIJ-s.png'
 
 TIMEZONE = 'Asia/Tokyo'
 
@@ -28,7 +30,7 @@ TRANSLATION_FEED_ATOM = None
 DEFAULT_PAGINATION = 5
 
 # Uncomment following line if you want document-relative URLs when developing
-RELATIVE_URLS = True
+RELATIVE_URLS = True
 
 THEME='theme'
 
index 1e9cb06..b1ebc34 100644 (file)
@@ -163,7 +163,11 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 }
 
        /* Banner */
-       #banner h1 {font-size: 3.571em; line-height: 0;}
+       #banner h1 {font-size: 100%; font-weight: bold; line-height: 0;}
+       #banner h1 img {position:absolute; top: 15px;}
+       #banner h1 p {text-align: right;}
+       #banner h1 p#h1{font-size: 2.8em; margin-top: 10px;}
+       #banner h1 p#h2{font-size: 1.5em; margin-bottom: 35px;}
        #banner h1 a:link, #banner h1 a:visited {
                color: #000305;
                display: block;
@@ -181,28 +185,26 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
        
        /* Main Nav */
        #banner nav {
-               background: #000305;
+               border: 3px solid #C74451;
+               background: #fff;
                font-size: 1.143em;
-               height: 40px;
-               line-height: 30px;
-               margin: 0 auto 2em auto;
+               height: 30px;
+               line-height: 25px;
+               margin: 0 auto 1em auto;
                padding: 0;
                text-align: center;
                width: 800px;
-               
-               border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
        }
        
        #banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
-       #banner nav li {float: left; display: inline; margin: 0;}
-       
+       #banner nav li {float: left; display: inline; margin: 0 8px 0; background: #fff;}
+
        #banner nav a:link, #banner nav a:visited {
                color: #fff;
+               background: #C74451;
                display: inline-block;
-               height: 30px;
-               padding: 5px 1.5em;
+               height: 20px;
+               padding: 5px 25px;
                text-decoration: none;
        }
        #banner nav a:hover, #banner nav a:active,
@@ -210,18 +212,12 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
                background: #C74451;
                color: #fff;
                text-shadow: none !important;
+
+               border-radius: 10px;
+               -moz-border-radius: 10px;
+               -webkit-border-radius: 10px;
        }
        
-       #banner nav li:first-child a {
-               border-top-left-radius: 5px;
-               -moz-border-radius-topleft: 5px;
-               -webkit-border-top-left-radius: 5px;
-               
-               border-bottom-left-radius: 5px;
-               -moz-border-radius-bottomleft: 5px;
-               -webkit-border-bottom-left-radius: 5px;
-       }
-
 /*
        Featured
 *****************/
index bf6ab65..0e39d40 100644 (file)
 </head>
 
 <body id="index" class="home">
-{% include 'github.html' %}
         <header id="banner" class="body">
-                <h1><a href="{{ SITEURL }}/">{{ SITENAME }} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
-                <nav><ul>
-                {% for title, link in MENUITEMS %}
-                    <li><a href="{{ link }}">{{ title }}</a></li>
-                {% endfor %}
-                {% if DISPLAY_PAGES_ON_MENU -%}
-                {% for pg in PAGES %}
-                    <li{% if pg == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a></li>
-                {% endfor %}
-                {% endif %}
-                {% if DISPLAY_CATEGORIES_ON_MENU -%}
-                {% for cat, null in categories %}
-                    <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
-                {% endfor %}
-                {% endif %}
-                </ul></nav>
+          <h1><a href="{{ SITEURL }}/"><img src="{{SITELOGO}}" /></a>
+             <p id="h1">{{ SITENAME }}</p>
+             {% if SITESUBTITLE %}<p id="h2">{{ SITESUBTITLE }}</p>{% endif %}</h1>
+          <nav><ul>
+              {% if DISPLAY_PAGES_ON_MENU -%}
+              {% for pg in PAGES %}
+              <li{% if pg == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a></li>
+              {% endfor %}
+              {% endif %}
+              {% if DISPLAY_CATEGORIES_ON_MENU -%}
+              {% for cat, null in categories %}
+              <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
+              {% endfor %}
+              {% endif %}
+              {% for title, link in MENUITEMS %}
+              <li><a href="{{ link }}">{{ title }}</a></li>
+              {% endfor %}
+          </ul></nav>
         </header><!-- /#banner -->
         {% block content %}
         {% endblock %}