Add feeds page and feeds icon

scipost/templates/scipost/feeds.html

+{% extends 'scipost/base.html' %}
+
+{% block pagetitle %}: Feeds{% endblock pagetitle %}
+
+{% load staticfiles %}
+
+{% block bodysup %}
+
+
+<section>
+  <div class="flex-container">
+    <div class="flex-greybox">
+      <h1>SciPost Feeds</h1>
+    </div>
+  </div>
+
+  <div class="flex-container">
+    <div class="flex-whitebox">
+      <h3>News feeds</h3>
+      <p>We provide both RSS (2.0) and Atom feeds for latest news and announcements.</p>
+      <p>The URL of the RSS feed is <a href="https://scipost.org/rss/news/">https://scipost.org/rss/news/</a>.</p>
+      <p>The URL of the Atom feed is <a href="https://scipost.org/atom/news/">https://scipost.org/atom/news/</a>.</p>
+    </div>
+  </div>
+
+</section>
+
+
+{% endblock bodysup %}

scipost/templates/scipost/index.html

@@ -9,7 +9,7 @@
   <div class="flex-container">
     {% if latest_newsitems %}
     <div class="flex-greybox320">
-      <h1><a href="{% url 'scipost:news' %}">News</a></h1>
+      <h1><a href="{% url 'scipost:news' %}">News</a><a style="float: right;" href="{% url 'scipost:feeds' %}"><img src="{% static 'scipost/images/feed-icon-14x14.png' %}" alt="Feed logo" width="14px"></a></h1>
       <p>Latest news and announcements.</p>
       <hr class="hr6"/>
       <ul class="NewsItemsList">

scipost/urls.py

@@ -27,6 +27,7 @@ urlpatterns = [
     url(r'^privacy_policy$', TemplateView.as_view(template_name='scipost/privacy_policy.html'), name='privacy_policy'),
 
     # Feeds
+    url(r'^feeds$', TemplateView.as_view(template_name='scipost/feeds.html'), name='feeds'),
     url(r'^rss/news/$', LatestNewsFeedRSS()),
     url(r'^atom/news/$', LatestNewsFeedAtom()),
     url(r'^rss/comments/$', LatestCommentsFeedRSS()),

static/scipost/SciPost.css

@@ -49,6 +49,7 @@ hr.hr12 {
     box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
 }
 
+
 ul.personalTabMenu {
   background-color: #dddddd;
   display: inline-block;
@@ -206,6 +207,18 @@ ul.personalTabMenu li a.inactive {
   margin: 10px;
   padding: 10px;
 }
+.flex-greybox640 {
+  background-color: #f4f4f4; 
+  width: 640px;
+  margin: 10px;
+  padding: 10px;
+}
+.flex-greybox800 {
+  background-color: #f4f4f4; 
+  width: 800px;
+  margin: 10px;
+  padding: 10px;
+}
 .flex-whitebox {
   margin: 10px;
   padding: 10px;
@@ -215,6 +228,16 @@ ul.personalTabMenu li a.inactive {
   margin: 10px;
   padding: 10px;
 }
+.flex-whitebox640 {
+  width: 640px;
+  margin: 10px;
+  padding: 10px;
+}
+.flex-whitebox800 {
+  width: 800px;
+  margin: 10px;
+  padding: 10px;
+}
 .flex-whitebox0 {
   margin: 0px;
   padding: 0px;
@@ -642,7 +665,10 @@ select {
 /*  animation-iteration-count: infinite; */
 }
 
-.SciPostPhysicsTab {
+
+/* SciPost Physics Journal style */
+
+div.SciPostPhysicsBanner {
   background-color: #002B49;
   color: #FFA300;
   margin: 10px;
@@ -650,3 +676,164 @@ select {
   font-size: 150%;
   text-align: center;
 }
+div.SciPostPhysicsBanner a {
+  color: #FFA300;
+  padding: 4px;
+}
+div.SciPostPhysicsBanner a.active {
+  background-color: #eeeeee;
+  border: 1px solid black;
+  padding: 4px;
+}
+div.SciPostPhysicsBanner a.inactive {
+  background-color: #dddddd;
+  border: none;
+}
+
+
+ul.NewsItemsList {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+}
+ul.NewsItemsList li {
+  margin: 10px;
+}
+h3.NewsHeadline {
+  background-color: #002B49;
+  color: #C3D7EE;
+  padding: 10px;
+}
+
+.SciPostPhysicsTab {
+  background-color: #002B49;
+  color: #FFA300;
+  margin: 2px;
+  padding: 5px 10px;
+  font-size: 120%;
+  text-align: center;
+}
+.SciPostPhysicsTab h3 a {
+  color: #FFA300;
+}
+
+ul.SciPostPhysicsTabMenu {
+  background-color: #dddddd;
+  display: inline-block;
+  font-size: 16px;
+  padding: 0px;
+}
+ul.SciPostPhysicsTabMenu li {
+  display: inline-block;
+  margin: 0px;
+  padding: 10px;
+}
+ul.SciPostPhysicsTabMenu li a {
+  padding: 4px;
+}
+ul.SciPostPhysicsTabMenu li a.active {
+  background-color: #eeeeee;
+  border: 1px solid black;
+  padding: 4px;
+}
+ul.SciPostPhysicsTabMenu li a.inactive {
+  background-color: #dddddd;
+  border: none;
+}
+
+ul.publicationHeaderList {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+}
+
+li.publicationHeader {
+  background-color: #fafafa;
+  margin: 10px;
+  padding: 0px;
+}
+
+p.publicationTitle {
+  background-color: #eeeeee;
+  font-size: 16px;
+  margin: 0px;
+  padding: 10px;
+}
+
+p.publicationAuthors {
+  font-weight: bold;  
+}
+
+ul.publicationClickables {
+  background-color: #f8f8f8;
+  display: inline-block;
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+}
+
+ul.publicationClickables li {
+  display: inline-block;
+  margin: 0px 10px;
+  padding: 5px;
+}
+
+li.publicationPDF {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 2px;
+}
+
+
+/* For modal boxes (e.g. BiBTeX) */
+.modalDialog {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 99999;
+  opacity: 0;
+  -webkit-transition: opacity 200ms ease-in;
+  -moz-transition: opacity 200ms ease-in;
+  transition: opacity 200ms ease-in;
+  pointer-events: none;
+}
+
+.modalDialog:target {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.modalDialog > div {
+  width: 600px;
+  position: relative;
+  margin: 10% auto;
+  padding: 10px;
+  border-radius: 10px;
+  background: #ffffff;
+}
+
+.close {
+  background: #606061;
+  color: #ffffff;
+  line-height: 25px;
+  position: absolute;
+  right: -12px;
+  text-align: center;
+  top: -10px;
+  width: 24px;
+  text-decoration: none;
+  font-weight: bold;
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  border-radius: 12px;
+  -moz-box-shadow: 1px 1px 3px #000;
+  -webkit-box-shadow: 1px 1px 3px #000;
+  box-shadow: 1px 1px 3px #000;
+}
+
+.close:hover {
+  background: #999999;
+}
\ No newline at end of file