From b7d6faa1cfb438af7ccafac13de2eec09458420e Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Mon, 15 May 2017 22:38:20 +0200
Subject: [PATCH] Frontpage edits
---
.../scipost/assets/config/preconfig.scss | 1 +
scipost/static/scipost/assets/css/_cards.scss | 4 +
scipost/static/scipost/assets/css/_type.scss | 4 +
scipost/templates/scipost/index.html | 165 +++++++++---------
4 files changed, 96 insertions(+), 78 deletions(-)
diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index 6dbd70d62..9dd1bb5e2 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -22,6 +22,7 @@ $card-spacer-x: 0.75rem;
$card-border-radius: 0.15rem;
$card-border-color: #fff;
$card-cap-bg: transparent;
+$btn-secondary-border-color: #f1f1f1;
// Colors
//
diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss
index 3f7f0027d..982a145be 100644
--- a/scipost/static/scipost/assets/css/_cards.scss
+++ b/scipost/static/scipost/assets/css/_cards.scss
@@ -17,6 +17,10 @@
}
}
+.card-outline-secondary {
+ border-color: #f1f1f1;
+}
+
.card-header {
padding: 0.5rem 0;
margin: 0 0.75rem 0 0.75rem;
diff --git a/scipost/static/scipost/assets/css/_type.scss b/scipost/static/scipost/assets/css/_type.scss
index 5fef73cc4..327ab7b99 100644
--- a/scipost/static/scipost/assets/css/_type.scss
+++ b/scipost/static/scipost/assets/css/_type.scss
@@ -23,6 +23,10 @@ h1 > a {
color: $scipost-darkblue;
}
+.text-black {
+ color: $scipost-darkblue;
+}
+
.highlight {
background-color: #f4f4f4;
border-radius: 1.4px;
diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html
index da667970a..e7fa1f43b 100644
--- a/scipost/templates/scipost/index.html
+++ b/scipost/templates/scipost/index.html
@@ -17,7 +17,7 @@
{% block content %}
- <div class="row pt-2">
+ <div class="row pt-4">
<div class="col-md-7">
<!-- Latest publications -->
<div class="card card-grey">
@@ -56,89 +56,98 @@
</div>
<div class="col-md-5">
- <!-- Latest issues -->
- <div class="card card-grey">
- <div class="card-header border-0 pb-0">
- <h2 class="card-title mb-0"><a href="/issues/">Issues</a></h2>
- </div>
- <div class="card-block">
- <ul class="m-0">
- {% for issue in issues %}
- <li>
- <a href="{{issue.get_absolute_url}}">{{issue}}</a>
- </li>
- {% endfor %}
- </ul>
- </div>
- <div class="card-footer">
- <a href="{% url 'journal:issues' 'SciPostPhys' %}">All issues</a>
- </div>
- </div><!-- End latest issues -->
+ <div class="pl-lg-5 pr-lg-1">
+ <!-- Info -->
+ <div class="card">
+ <div class="card-block text-center">
+ <h3 class="m-0" style="line-height: 1.3;">SciPost is a complete scientific publication portal managed by active professional scientists.</h3>
+ </div>
+ </div><!-- End info -->
- <!-- News -->
- <div class="card card-grey">
- <div class="card-header border-0">
- <h2 class="card-title mb-0">
- <a href="{% url 'news:news' %}">News</a>
- <a class="floating-rss-icon" href="{% url 'scipost:feeds' %}">
- <img src="{% static 'scipost/images/feed-icon-14x14.png' %}" alt="Feed logo" width="14">
- </a>
- </h2>
- <h4 class="card-subtitle pb-0 text-muted">Latest news and announcements.</h4>
- </div>
- <div class="card-block">
- <ul class="list-group list-group-flush">
- {% for item in latest_newsitems %}
- <li class="list-group-item">
- {% include 'news/news_card_content_short.html' with news=item %}
- </li>
- {% empty %}
- <li class="list-group-item">
- No current newsitems found.
- </li>
- {% endfor %}
- </ul>
- </div>
- <div class="card-footer"><a href="{% url 'news:news' %}">More news</a></div>
- </div><!-- End news -->
+ <!-- Latest issues -->
+ <div class="card card-grey">
+ <div class="card-header border-0 pb-0">
+ <h2 class="card-title mb-0"><a href="/issues/" class="text-black">Issues</a></h2>
+ </div>
+ <div class="card-block">
+ <ul class="m-0">
+ {% for issue in issues %}
+ <li>
+ <a href="{{issue.get_absolute_url}}">{{issue}}</a>
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
+ <div class="card-footer">
+ <a href="{% url 'journal:issues' 'SciPostPhys' %}">All issues</a>
+ </div>
+ </div><!-- End latest issues -->
- {% if not user.is_authenticated %}
- <!-- Register -->
+ <!-- News -->
<div class="card card-grey">
+ <div class="card-header border-0">
+ <h2 class="card-title mb-0">
+ <a href="{% url 'news:news' %}">News</a>
+ <a class="floating-rss-icon" href="{% url 'scipost:feeds' %}">
+ <img src="{% static 'scipost/images/feed-icon-14x14.png' %}" alt="Feed logo" width="14">
+ </a>
+ </h2>
+ <h4 class="card-subtitle pb-0 text-muted">Latest news and announcements.</h4>
+ </div>
<div class="card-block">
- <h2 class="card-title mb-0"><a href="{% url 'scipost:register' %}">Register</a></h2>
- <p class="m-0">Professional scientists (PhD students and above) can become Contributors to SciPost by filling the <a href="/register">registration form</a>.</p>
+ <ul class="list-group list-group-flush">
+ {% for item in latest_newsitems %}
+ <li class="list-group-item">
+ {% include 'news/news_card_content_short.html' with news=item %}
+ </li>
+ {% empty %}
+ <li class="list-group-item">
+ No current newsitems found.
+ </li>
+ {% endfor %}
+ </ul>
</div>
- </div><!-- End Register -->
- {% endif %}
+ <div class="card-footer"><a href="{% url 'news:news' %}">More news</a></div>
+ </div><!-- End news -->
- <!-- Summarized -->
- <div class="card card-grey">
- <div class="card-block">
- <h2 class="card-title">
- <a href="{% url 'journals:journals' %}">Journals</a>
- </h2>
- <h4 class="card-subtitle pt-0 text-muted">SciPost publishes a portfolio of high-quality two-way open access scientific journals.</h4>
- <p>
- All SciPost Journals implement the stringent <a href="{% url 'scipost:FAQ' %}#pwr">peer-witnessed refereeing</a> principle.
- <br>
- All Journals are fully managed by professional scientists.
- </p>
- <p>
- <a href="{% url 'scipost:about' %}#editorial_college_physics">Editorial College (Physics)</a>
- <br>
- <a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a>
- </p>
- <h2 class="card-title">
- <a href="{% url 'commentaries:commentaries' %}">Commentaries</a>
- </h2>
- <p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
- <h2 class="card-title">
- <a href="{% url 'theses:theses' %}">Theses</a>
- </h2>
- <p>SciPost Theses allow Contributors to find Master's, Ph.D. and Habilitation theses relevant to their work.</p>
- </div>
- </div><!-- End Summarized -->
+ {% if not user.is_authenticated %}
+ <!-- Register -->
+ <div class="card card-grey">
+ <div class="card-block">
+ <h2 class="card-title mb-0"><a href="{% url 'scipost:register' %}">Register</a></h2>
+ <p class="m-0">Professional scientists (PhD students and above) can become Contributors to SciPost by filling the <a href="/register">registration form</a>.</p>
+ </div>
+ </div><!-- End Register -->
+ {% endif %}
+
+ <!-- Summarized -->
+ <div class="card card-grey">
+ <div class="card-block">
+ <h2 class="card-title">
+ <a href="{% url 'journals:journals' %}">Journals</a>
+ </h2>
+ <h4 class="card-subtitle pt-0 text-muted">SciPost publishes a portfolio of high-quality two-way open access scientific journals.</h4>
+ <p>
+ All SciPost Journals implement the stringent <a href="{% url 'scipost:FAQ' %}#pwr">peer-witnessed refereeing</a> principle.
+ <br>
+ All Journals are fully managed by professional scientists.
+ </p>
+ <p>
+ <a href="{% url 'scipost:about' %}#editorial_college_physics">Editorial College (Physics)</a>
+ <br>
+ <a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a>
+ </p>
+ <h2 class="card-title">
+ <a href="{% url 'commentaries:commentaries' %}">Commentaries</a>
+ </h2>
+ <p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
+ <h2 class="card-title">
+ <a href="{% url 'theses:theses' %}">Theses</a>
+ </h2>
+ <p>SciPost Theses allow Contributors to find Master's, Ph.D. and Habilitation theses relevant to their work.</p>
+ </div>
+ </div><!-- End Summarized -->
+ </div>
</div>
</div>
</div>
--
GitLab