Kaynağa Gözat

updated layout

Harlan Iverson 7 yıl önce
ebeveyn
işleme
f23f844a4e

+ 2 - 2
ispooge.com-v2/app/resources/templates/config.edn

@@ -4,9 +4,9 @@
  :description          "Source of spooge from little DataCenters... and mo'"
  :site-url             "https://ispooge.com/"
  :source-code-url      "https://github.com/harlanji/tinydatacenter"
- :sidebar-links-title  "TinyDC Sites"
+ :sidebar-pages-title  "Pages"
+ :sidebar-links-title  "Links"
  :sidebar-links        [{:title "Author Website" :uri "https://harlanji.com"}
-                        {:title "iSpooge Media" :uri "https://ispooge.com"}
                         {:title "This website" :uri "https://tinydatacenter.com"}]
  :post-root            "posts"
  :page-root            "pages"

+ 182 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/css/screen.css

@@ -0,0 +1,182 @@
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Alegreya';
+}
+
+body {
+    color: #333;
+    background-color: #f2f2f2;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-size: 16px;
+}
+
+.container {
+    max-width: 1000px;
+}
+
+.right {
+    float: right;
+    text-align: right;
+}
+
+.navbar {
+    border-radius: 0;
+    box-shadow: 0 0 0 0,0 6px 12px rgba(34,34,34,0.1);
+}
+
+.navbar-default {
+    background-color: #428bca;
+    border: none;
+}
+
+.navbar-default .navbar-brand {
+    color: #fff;
+    font-family: 'Alegreya';
+}
+
+.navbar-default .navbar-brand:hover {
+    color: #fff;
+}
+
+.navbar-default .navbar-nav li a {
+    color: #fff;
+}
+
+.navbar-default .navbar-nav li a:hover {
+    color: #fff;
+    background-color: #3d80ba;
+}
+
+.navbar-default .navbar-nav .active a {
+    color: #fff;
+    background-color: #3d80ba;
+}
+
+.navbar-default .navbar-toggle:hover{
+    background-color: #3d80ba;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: #fff;
+}
+
+.dropdown-menu {
+    background-color: #428bca;
+}
+
+.dropdown-header {
+    color: #fff;
+    font-size: 15px;
+    font-weight: 600;
+    padding-left :10px;
+}
+.dropdown-menu li a {
+    color: #fff;
+}
+
+.navbar-default .navbar-nav .open a:hover,
+.navbar-default .navbar-nav .open a:focus,
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+    background-color: #3d80ba;
+    color: #fff;
+}
+
+#content {
+    background-color: #fff;
+    border-radius: 3px;
+    box-shadow: 0 0 0 0,0 6px 12px rgba(34,34,34,0.1);
+}
+
+#content img {
+    max-width: 100%;
+    height: auto;
+}
+
+footer {
+    font-size: 14px;
+    text-align: center;
+    padding-top: 75px;
+    padding-bottom: 30px;
+}
+
+#post-tags {
+    margin-top: 30px;
+}
+
+#prev-next {
+    padding: 15px 0;
+}
+
+.post-header {
+    margin-bottom: 20px;
+}
+.post-header h2 {
+    font-size: 32px;
+}
+
+#post-meta {
+    font-size: 14px;
+    color: rgba(0,0,0,0.4)
+}
+
+#page-header {
+    border-bottom: 1px solid #dbdbdb;
+    margin-bottom: 20px;
+}
+#page-header h2 {
+    font-size: 32px;
+}
+
+pre {
+    overflow-x: auto;
+}
+pre code {
+    display: block;
+    padding: 0.5em;
+    overflow-wrap: normal;
+    white-space: pre;
+}
+
+code {
+    color: #428bca;
+}
+
+pre, code, .hljs {
+    background-color: #f7f9fd;
+}
+
+@media (min-width: 768px) {
+    .navbar {
+        min-height: 70px;
+    }
+    .dropdown-menu>li>a {
+        padding: 3px 20px;
+    }
+    .navbar-nav>li>a {
+        padding: 30px 20px;
+    }
+    .navbar-default .navbar-brand {
+        font-size: 36px;
+        padding: 25px 15px;
+    }
+    #content{
+        margin-top: 30px;
+        padding: 50px 75px;
+    }
+}
+
+@media (max-width: 767px) {
+    body{
+        font-size: 14px;
+    }
+    .navbar-default .navbar-brand {
+        font-size: 30px;
+    }
+    #content{
+        padding: 15px;
+    }
+    #post-meta .right {
+        float:left;
+        text-align: left;
+    }
+}

+ 40 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/404.html

@@ -0,0 +1,40 @@
+<html>
+    <head>
+        <style>        
+        #message{
+               display:block;
+               width:100%;
+               padding:150px 0;
+               line-height:1.6em;
+               text-align:center;
+            }
+        h1, h2 {            
+               color: rgb(151, 151, 151);                
+               float: left;
+               margin:0 0 0 40px;
+               padding:0;
+               float:left;
+               font-family: Georgia, 'Times New Roman', Times, serif;               
+               font-weight: normal;               
+               line-height: normal;                                
+               text-transform: uppercase;
+        }
+        #message .aside{display:block; width:80%; margin:0 auto; padding:0;}        
+        #message .aside h2 span{display:block; font-size:30px;}        
+        #message p:first-child{margin-top:0;}
+        h1 {margin-top:-90px; font-size:200px;}
+        h2 {font-size: 60px;}
+        </style>    
+    </head>
+    <body>
+        <div class="content">          
+            <section id="message">
+              <div class="aside">
+                <h1>404</h1>
+                <h2>Error ! <span>Page Not Found</span></h2>
+              </div>
+            </section>
+        </div>
+    </body>
+</html>
+

+ 20 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/archives.html

@@ -0,0 +1,20 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: Archives{% endblock %}
+{% block content %}
+<div id="posts">
+    <div id="page-header">
+        <h2>Archives</h2>
+    </div>
+    {% for group in groups %}
+        <h4>{{group.group}}</h4>
+        <ul>
+        {% for post in group.posts %}
+        <li>
+            {{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
+        </li>
+        {% endfor %}
+        </ul>
+    {% endfor %}
+
+</div>
+{% endblock %}

+ 19 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/author.html

@@ -0,0 +1,19 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: Posts by {{author}} {% endblock %}
+{% block content %}
+<div id="posts">
+  <div id="page-header" class="post-header">
+    <h2>Posts by {{author}}</h2>
+  </div>
+  {% for group in groups %}
+  <h4>{{group.group}}</h4>
+  <ul>
+    {% for post in group.posts %}
+    <li>
+      {{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
+    </li>
+    {% endfor %}
+  </ul>
+  {% endfor %}
+</div>
+{% endblock %}

+ 104 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/base.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>{{title}}{% block subtitle %}{% endblock %}</title>
+    <link rel="canonical" href="{{site-url}}{{uri}}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href='http://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700' rel='stylesheet'
+          type='text/css'>
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
+    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css">
+    {% style "css/screen.css" %}
+</head>
+<body>
+
+
+<nav class="navbar navbar-default">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="{{index-uri}}">{{title}}</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+                <li {% if home %} class="active" {% endif %}><a href="{{index-uri}}">Home</a></li>
+                <li
+                {% if archives %} class="active" {% endif %}><a href="{{archives-uri}}">Archives</a></li>
+                {% for nav-page in navbar-pages %}
+                <li
+                {%ifequal page.uri nav-page.uri %} class="active" {% endifequal %}>
+                <a href="{{nav-page.uri}}">{{nav-page.title}}</a>
+                </li>
+                {% endfor %}
+                <li><a href="{{rss-uri}}">RSS</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+                        More <span class="caret"></span></a>
+                    <ul class="dropdown-menu" role="menu">
+                      {% if sidebar-pages|not-empty %}
+                        <li class="dropdown-header">{{ sidebar-pages-title }}</li>
+                          {% for page in sidebar-pages %}
+                          <li><a href="{{page.uri}}">{{page.title}}</a></li>
+                          {% endfor %}
+                      {% endif %}
+
+                      {% if latest-posts|not-empty %}
+                        <li class="divider"></li>
+                        <li class="dropdown-header">Recent Posts</li>
+                        {% for post in latest-posts %}
+                          <li><a href="{{post.uri}}">{{post.title}}</a></li>
+                          {% endfor %}
+                      {% endif %}
+
+                      {% if tags|not-empty %}
+                        <li class="divider"></li>
+                        <li class="dropdown-header">Tags</li>
+                        {% for tag in tags %}
+                          <li><a href="{{tag.uri}}">{{tag.name}}</a></li>
+                        {% endfor %}
+                      {% endif %}
+
+                      {% if sidebar-links|not-empty %}
+                        <li class="divider"></li>
+                        <li class="dropdown-header">{{ sidebar-links-title }}</li>
+                          {% for post in sidebar-links %}
+                            <li><a href="{{post.uri}}">{{post.title}}</a></li>
+                          {% endfor %}
+                        {% endif %}
+                    </ul>
+                </li>
+            </ul>
+        </div><!--/.nav-collapse -->
+    </div><!--/.container-fluid -->
+</nav>
+
+
+<div class="container">
+
+
+    <div class="row">
+        <div class="col-lg-12">
+            <div id="content">
+                {% block content %}
+                {% endblock %}
+            </div>
+        </div>
+    </div>
+    <footer>Copyright &copy; {{today|date:yyyy}} {{author}}
+        <p style="text-align: center;">Powered by <a href="http://cryogenweb.org">Cryogen</a></p></footer>
+</div>
+<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+{% script "js/highlight.pack.js" %}
+<script>hljs.initHighlightingOnLoad();</script>
+{% if post.klipse %} {{post.klipse|safe}} {% endif %}
+{% if page.klipse %} {{page.klipse|safe}} {% endif %}
+</body>
+</html>

+ 20 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/home.html

@@ -0,0 +1,20 @@
+{% extends "/html/base.html" %}
+{% block content %}
+<div id="post">
+    {% include "/html/post-content.html" %}
+    {% if disqus? %}
+    <div id="comments">
+        <a href="{{post.uri}}#disqus_thread">View Comments</a>
+    </div>
+    {% endif %}
+
+    <div id="prev-next">
+        {% if post.prev %}
+        <a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
+        {% endif %}
+        {% if post.next %}
+        <a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

+ 23 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/index.html

@@ -0,0 +1,23 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: {{page.title}}{% endblock %}
+{% block content %}
+<div id="custom-page">
+    <div id="page-header">
+        <h2>{{page.title}}</h2>
+    </div>
+    {% if page.toc %}{{page.toc|safe}}{% endif %}
+    {{page.content|safe}}
+
+    <div id="prev-next">
+        {% if page.prev %}
+        <a href="{{page.prev.uri}}">&laquo; {{page.prev.title}}</a>
+        {% endif %}
+        {% if all page.prev page.next %}
+        ||
+        {% endif %}
+        {% if page.next %}
+        <a href="{{page.next.uri}}">{{page.next.title}} &raquo;</a>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

+ 23 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/page.html

@@ -0,0 +1,23 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: {{page.title}}{% endblock %}
+{% block content %}
+<div id="custom-page">
+    <div id="page-header">
+        <h2>{{page.title}}</h2>
+    </div>
+    {% if page.toc %}{{page.toc|safe}}{% endif %}
+    {{page.content|safe}}
+
+    <div id="prev-next">
+        {% if page.prev %}
+        <a href="{{page.prev.uri}}">&laquo; {{page.prev.title}}</a>
+        {% endif %}
+        {% if all page.prev page.next %}
+        ||
+        {% endif %}
+        {% if page.next %}
+        <a href="{{page.next.uri}}">{{page.next.title}} &raquo;</a>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

+ 45 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/playlist.html

@@ -0,0 +1,45 @@
+{% extends "/html/base.html" %}
+{% block content %}
+<div id="playlist">
+
+	<h2>{{ page.title }}</h2>
+
+	{% for video in page.playlist-items %}
+		
+		{% ifequal forloop.counter0|mod:3 0 %}
+		<div class="row">
+	   {% endifequal %}
+   
+			<div class="col-md-4">
+				<div class="card mb-4 box-shadow">
+
+					<a href="{{ video.url }}">
+					<img class="card-img-top"
+					src="{{ video.video-thumbnail-url }}"
+					alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;"
+					data-holder-rendered="true">
+					</a>
+
+		         <div class="card-body">
+		            <p class="card-text"><a href="{{ video.url }}">{{ video.title }}</a></p>
+		            <div class="d-flex justify-content-between align-items-center">
+		              <div class="btn-group">
+		                <a href="{{ video.url }}"><button type="button" class="btn btn-sm btn-outline-secondary">View</button></a>
+		              </div>
+		              <small class="text-muted">9 mins</small>
+		            </div>
+		          </div>				
+	
+				</div>
+			</div>
+		
+		{% ifequal forloop.counter0|mod:3 2 %}
+		</div>
+		{% else %}
+		{% if forloop.last %}
+		</div>
+		{% endif %}
+	   {% endifequal %}
+   {% endfor %}
+</div>
+{% endblock %}

+ 21 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/post-content.html

@@ -0,0 +1,21 @@
+<div class="post-header">
+    <div id="post-meta" class="row">
+        <div class="col-lg-6">{{post.date|date:longDate}}</div>
+        {% if post.author %}
+        <span class="col-lg-6 right">By: {{post.author}}</span>
+        {% endif %}
+    </div>
+    <h2>{{post.title}}</h2>
+</div>
+<div>
+    {% if post.toc %}{{post.toc|safe}}{% endif %}
+    {{post.content|safe}}
+</div>
+{% if post.tags|not-empty %}
+<div id="post-tags">
+    <b>Tags: </b>
+    {% for tag in post.tags %}
+    <a href="{{tag.uri}}">{{tag.name}}</a>
+    {% endfor %}
+</div>
+{% endif %}

+ 32 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/post.html

@@ -0,0 +1,32 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: {{post.title}}{% endblock %}
+{% block content %}
+<div id="post">
+    {% include "/html/post-content.html" %}
+    <div id="prev-next">
+        {% if post.prev %}
+        <a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
+        {% endif %}
+        {% if post.next %}
+        <a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
+        {% endif %}
+    </div>
+
+    {% if disqus-shortname %}
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_config = function () {
+            this.page.url = "{{site-url}}{{uri}}";
+            this.page.identifier = "{{post.title}}";
+        };
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//{{disqus-shortname}}.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+    {% endif %}
+
+
+</div>
+{% endblock %}

+ 28 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/previews.html

@@ -0,0 +1,28 @@
+{% extends "/html/base.html" %}
+{% block content %}
+<div id="post">
+    {% for post in posts %}
+    <div class="post-header">
+        <h2>{{post.title}}</h2>
+        <div id="post-meta">
+            {% if post.author %}
+            <div class="author">{{post.author}}</div>
+            {% endif %}
+            <div class="date">{{post.date|date:longDate}}</div>
+        </div>
+    </div>
+    {{post.content|safe}}
+    <a href="{{post.uri}}">Continue reading &#8594;</a>
+    <hr>
+    {% endfor %}
+
+    <div id="prev-next">
+        {% if prev-uri %}
+        <a class="left" href="{{prev-uri}}">&laquo; Prev</a>
+        {% endif %}
+        {% if next-uri %}
+        <a class="right" href="{{next-uri}}">Next &raquo;</a>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

+ 16 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/tag.html

@@ -0,0 +1,16 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: Posts Tagged &quot;{{name}}&quot;{% endblock %}
+{% block content %}
+<div id="posts-by-tag">
+    <div id="page-header">
+        <h2>Posts Tagged &quot;{{name}}&quot;</h2>
+    </div>
+    <ul>
+    {% for post in posts %}
+        <li>
+            <a href="{{post.uri}}">{{post.title}}</a>
+        </li>
+    {% endfor %}
+    </ul>
+</div>
+{% endblock %}

+ 15 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/tags.html

@@ -0,0 +1,15 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: Tags{% endblock %}
+{% block content %}
+<div id="tags-page">
+    <div id="page-header">
+        <h2>Tags</h2>
+    </div>
+
+    <ul>
+        {% for tag in tags %}
+        <li><a href="{{tag.uri}}">{{tag.name}}</a></li>
+        {% endfor %}
+    </ul>
+</div>
+{% endblock %}

+ 45 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/html/video.html

@@ -0,0 +1,45 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: {{page.title}}{% endblock %}
+{% block content %}
+
+<link rel="stylesheet" href="/assets/videojs/video-js.css">
+<script src="/assets/videojs/video.js"></script>
+<script src="/assets/videojs/videojs-contrib-hls.js"></script>
+
+<div id="custom-page">
+    <div id="page-header">
+        <h2>{{page.title}}</h2>
+    </div>
+    {% if page.toc %}{{page.toc|safe}}{% endif %}
+
+<video id="video-player" width="640" height="360" class="video-js vjs-default-skin" 
+controls poster="{{page.video-thumbnail-url}}" data-setyp='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
+  <source src="{{page.video-url}}" type="application/x-mpegURL">
+  </source>
+  <p class="vjs-no-js">The browser doesn't seem to support our video player... new browsers should.</p>
+</video>
+
+<p>{{page.video-description}}</p>
+
+<script>
+var player = videojs('video-player');
+//player.play();
+</script>
+
+    {{page.content|safe}}
+
+
+
+    <div id="prev-next">
+        {% if page.prev %}
+        <a href="{{page.prev.uri}}">&laquo; {{page.prev.title}}</a>
+        {% endif %}
+        {% if all page.prev page.next %}
+        ||
+        {% endif %}
+        {% if page.next %}
+        <a href="{{page.next.uri}}">{{page.next.title}} &raquo;</a>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 0
ispooge.com-v2/app/resources/templates/themes/ispooge/js/highlight.pack.js


Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor