diff --git a/scipost/static/scipost/images/feed-icon-14x14.png b/scipost/static/scipost/images/feed-icon-14x14.png
new file mode 100755
index 0000000000000000000000000000000000000000..b3c949d2244f2c0c81d65e74719af2a1b56d06a3
Binary files /dev/null and b/scipost/static/scipost/images/feed-icon-14x14.png differ
diff --git a/scipost/static/scipost/images/feed-icon-28x28.png b/scipost/static/scipost/images/feed-icon-28x28.png
new file mode 100755
index 0000000000000000000000000000000000000000..d64c669c7589d3a886682dbd1f3c83b716a420f5
Binary files /dev/null and b/scipost/static/scipost/images/feed-icon-28x28.png differ
diff --git a/scipost/templates/scipost/feeds.html b/scipost/templates/scipost/feeds.html
new file mode 100644
index 0000000000000000000000000000000000000000..45a1b3892c12cb82f20fd047aac6cb73142b9317
--- /dev/null
+++ b/scipost/templates/scipost/feeds.html
@@ -0,0 +1,29 @@
+{% 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 %}
diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html
index 923f41dde11995a468fc0cdf63781b8669e008db..32f9b90b7c304f9f4f0d44d3e7ee7ec3b31a6793 100644
--- a/scipost/templates/scipost/index.html
+++ b/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">
diff --git a/scipost/urls.py b/scipost/urls.py
index f2cbe1d59aeacebfbb871171e214bdf96a9666c6..9e98732a2abafb72ad3a25fa424114abedc53435 100644
--- a/scipost/urls.py
+++ b/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()),
diff --git a/static/scipost/SciPost.css b/static/scipost/SciPost.css
index 66160bd596e3cfa6c177ee303db9c11d705dccf7..b469db734863b69857eb30373a2897dff973180d 100644
--- a/static/scipost/SciPost.css
+++ b/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