SciPost Code Repository

Skip to content
Snippets Groups Projects
Commit 58ec9dbb authored by Jean-Sébastien Caux's avatar Jean-Sébastien Caux
Browse files

Restyling index page with flexboxes

parent 75f36659
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
commentaries/templates/commentaries/commentary_detail.html
+ 1
− 1
View file @ 58ec9dbb
......@@ -264,7 +264,7 @@
<h3>Write your comment here:</h3>
{{ form.comment_text }}
<input type="submit" value="Submit your Comment">
<p id="goodCommenter"><i>By clicking on Submit, the commenter certifies that he/she has read the publication fully and carefully before writing this Comment, and that all sources used are duly referenced and cited. Failure to do so will lead to exclusion from the portal.</i></p>
<p id="goodCommenter"><i>Be professional. Only serious and meaningful comments will be vetted through. By clicking on Submit, the commenter certifies that all sources used are duly referenced and cited. Failure to do so will lead to exclusion from the portal.</i></p>
</div>
</div>
</form>
......
journals/templates/journals/journals.html
+ 1
− 1
View file @ 58ec9dbb
......@@ -24,7 +24,7 @@
<h1>SciPost Physics Journals</h1>
<hr>
<p id="journalsannounce">OPEN FOR SUBMISSION STARTING 1 MARCH 2016</p>
<p id="journalsannounce">OPEN FOR SUBMISSION FROM 1 MARCH 2016</p>
<div class="row">
<div class="col-5">
......
scipost/static/scipost/SciPost.css
+ 36
− 12
View file @ 58ec9dbb
......@@ -150,16 +150,38 @@ hr.hr12 {
column-rule-width: 1px;
}
.flex-container {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.flex-greybox {
background-color: #f4f4f4;
width: 320px;
margin: 10px;
padding: 10px;
}
body {
// font-family: Merriweather, sans-serif;
font-family: 'Merriweather Sans';
font-weight: lighter;
font-size: 80%;
margin: 0px;
padding: 0px;
background-color: #ffffff;
}
body section div.sectionbox {
width: 300px;
background-color: #f4f4f4;
margin: 10px;
padding: 10px;
display: inline-block;
vertical-align: top;
}
a {
color: #eeeeee;
// text-decoration: underline;
......@@ -262,7 +284,7 @@ p#goodCommenter {
section {
color: #111111;
background-color: white;
border: 1px solid grey; border-radius: 1px;
// border: 1px solid grey; border-radius: 1px;
margin: 25px 15px;
padding: 10px;
text-align: justify;
......@@ -403,23 +425,25 @@ select {
}
#journalsannouncesmall {
background-color: #880000;
color: #ffffff;
padding: 5px;
// background-color: #880000;
background-color: #002B49;
color: #FFA300;
padding: 10px;
font-size: 90%;
text-align: center;
animation-name: journalsannounceanim;
animation-duration: 2s;
animation-iteration-count: infinite;
// animation-name: journalsannounceanim;
// animation-duration: 2s;
// animation-iteration-count: infinite;
}
#journalsannounce {
background-color: #880000;
color: #ffffff;
// background-color: #880000;
background-color: #002B49;
color: #FFA300;
padding: 20px;
font-size: 150%;
text-align: center;
animation-name: journalsannounceanim;
animation-duration: 2s;
animation-iteration-count: infinite;
// animation-name: journalsannounceanim;
// animation-duration: 2s;
// animation-iteration-count: infinite;
}
scipost/templates/scipost/index.html
+ 62
− 1
View file @ 58ec9dbb
......@@ -6,6 +6,7 @@
<!-- Temporary strip for online version -->
{% if user.is_authenticated %}
<!--
<section>
<div class="row">
<div class="col-3">
......@@ -22,7 +23,7 @@
<p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
<p>All SciPost Journals implement the maximally stringent <a href="{% url 'scipost:peer_witnessed_refereeing' %}">peer-witnessed refereeing</a> principle.</p>
<p>All Journals are fully managed by professional scientists.</p>
<h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">Learn about peer-witnessed refereeing</a></h3>
<h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
<h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
</div>
<div class="col-1"></div>
......@@ -32,6 +33,66 @@
</div>
</div>
</section>
-->
<!--
<section>
<div class="sectionbox">
<h1><a href="{% url 'scipost:about' %}">About SciPost</a></h1>
<p>SciPost is a complete scientific publication portal managed by active professional scientists.</p>
<p>It is purely online-based and offers freely, openly, globally and perpetually accessible science.</p>
<h3><a href="{% url 'scipost:FAQ' %}">Frequently asked questions</a></h3>
<h3><a href="{% url 'scipost:about' %}">Read more</a></h3>
</div>
<div class="sectionbox">
<h1><a href="{% url 'journals:journals' %}">Journals</a></h1>
<p id="journalsannouncesmall">OPEN FOR SUBMISSION STARTING 1 MARCH 2016</p>
<p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
<p>All SciPost Journals implement the maximally stringent <a href="{% url 'scipost:peer_witnessed_refereeing' %}">peer-witnessed refereeing</a> principle.</p>
<p>All Journals are fully managed by professional scientists.</p>
<h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
<h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
</div>
<div class="sectionbox">
<h1><a href="{% url 'commentaries:commentaries' %}">Commentaries</a></h1>
<p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
</div>
</section>
-->
<section>
<div class="flex-container">
<div class="flex-greybox">
<h1><a href="{% url 'scipost:about' %}">About SciPost</a></h1>
<p>SciPost is a complete scientific publication portal managed by active professional scientists.</p>
<p>It is purely online-based and offers freely, openly, globally and perpetually accessible science.</p>
<h3><a href="{% url 'scipost:FAQ' %}">Frequently asked questions</a></h3>
<h3><a href="{% url 'scipost:about' %}">Read more</a></h3>
</div>
<div class="flex-greybox">
<h1><a href="{% url 'journals:journals' %}">Journals</a></h1>
<p id="journalsannouncesmall">OPEN FOR SUBMISSION FROM 1 MARCH 2016</p>
<p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
<p>All SciPost Journals implement the maximally stringent <a href="{% url 'scipost:peer_witnessed_refereeing' %}">peer-witnessed refereeing</a> principle.</p>
<p>All Journals are fully managed by professional scientists.</p>
<h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
<h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
</div>
<div class="flex-greybox">
<h1><a href="{% url 'commentaries:commentaries' %}">Commentaries</a></h1>
<p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
</div>
<div class="flex-greybox">
<h3>Search SciPost Commentaries:</h3>
<form action="{% url 'commentaries:commentaries' %}" method="post">
{% csrf_token %}
<table>
{{ commentary_search_form.as_table }}
</table>
<input type="submit" name="Submit" />
</form>
</div>
</div>
</section>
<section>
<div class="row">
......
scipost/views.py
+ 4
− 1
View file @ 58ec9dbb
......@@ -21,6 +21,7 @@ from .utils import *
from commentaries.models import Commentary
from commentaries.forms import CommentarySearchForm
from comments.models import Comment, AuthorReply
from submissions.models import Submission, Report
......@@ -30,7 +31,9 @@ from submissions.models import Submission, Report
#############
def index(request):
return render(request, 'scipost/index.html')
commentary_search_form = CommentarySearchForm(request.POST)
context = {'commentary_search_form': commentary_search_form}
return render(request, 'scipost/index.html', context)
###############
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

SciPost Code Repository