SciPost Code Repository

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

Tweak vn 5

parent 8085aa23
No related branches found
No related tags found
No related merge requests found
Showing
with 256 additions and 113 deletions
{% load crispy_forms_tags %}
<form id="session_specialty_form"
<form id="session_specialty_form" style="display: none;"
hx-get="{% url 'ontology:set_session_specialty' %}"
hx-trigger="change"
hx-swap="outerHTML"
......
......@@ -291,3 +291,40 @@
}
}
#portal-tablist-home5 {
list-style: none;
padding: 0 0 4px 0;
margin: 0;
li button {
color: black;
font-size: 0.8rem;
font-weight: 800;
display: inline-block;
// background-color: #d3e3f6;
padding: 5px 15px;
margin-right: 8px;
margin-bottom: 8px;
border-radius: 4px;
cursor: pointer;
transition: 100ms;
}
li button.active {
background-color: #496bb6;
color: #fff;
text-decoration: underline;
}
li button:hover {
background-color: #b8c8db;
text-decoration: underline;
}
li button.active:hover {
background-color: #3e5c9d;
}
}
......@@ -2,7 +2,7 @@
<div class="card">
<div class="card-header">
<h1>SciPost participates in</h1>
<h2 class="my-2">SciPost participates in</h2>
</div>
<div class="card-body logos">
<a href="https://www.crossref.org" target="_blank" rel="noopener"><img src="https://assets.crossref.org/logo/crossref-logo-200.svg" width="100" alt="Crossref logo"></a>
......
{% load static %}
{% load crispy_forms_tags %}
<header>
<div class="d-lg-flex justify-content-between p-4 w-100">
<div class="me-2 my-4 my-md-auto" style="flex: 200px">
<a href="{% url 'scipost:index' %}"><img src="{% static 'scipost/images/logo_scipost_RGB_HTML_groot.png' %}" class="m-0 p-0" alt="SciPost logo" style="max-width: unset;" width="180" /></a>
</div>
<div class="mx-2 my-4 my-lg-auto">
<form id="session_acad_field_form" style="display: none;"
hx-get="{% url 'ontology:set_session_acad_field' %}"
hx-trigger="change"
hx-swap="outerHTML"
>
{% crispy session_acad_field_form %}
</form>
</div>
<div class="mx-2 my-4 my-lg-auto"
hx-get="{% url 'ontology:_hx_session_specialty_form' %}"
hx-trigger="load, session-acad-field-set from:body"
>
</div>
<div class="ms-2 my-4 my-lg-auto">
<form id="header-search-form" method="get" action="{% url 'scipost:search' %}">
<div class="form-floating">
<input type="text" id="headerSearchInput" class="form-control" name="q" placeholder="Search" value="{{ request.GET.q }}">
<label for="headerSearchInput" class="text-white">
Quick search&emsp;{% include 'bi/search.html' %}
</label>
</div>
</form>
</div>
</div>
</header>
......@@ -38,7 +38,7 @@
<a href="{% url 'scipost:index4' %}">4: home + portal, into one</a>
</div>
<div class="dropdown-item">
<a href="{% url 'scipost:index5' %}">5: hybrid; selections on home</a>
<a href="{% url 'scipost:index5' %}">5: hybrid 3/4</a>
</div>
</div>
</li>
......
......@@ -38,7 +38,7 @@
<a href="{% url 'scipost:index4' %}">4: home + portal, into one</a>
</div>
<div class="dropdown-item">
<a href="{% url 'scipost:index5' %}">5: hybrid; selections on home</a>
<a href="{% url 'scipost:index5' %}">5: hybrid 3/4</a>
</div>
</div>
</li>
......
......@@ -26,7 +26,7 @@
<div class="card-body">
<p>SciPost is a complete publishing infrastructure serving professional scientists worldwide.</p>
<div class="row g-2">
<div class="col-lg-6">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>We implement<br><a href="{% url 'scipost:about' %}#GOA">Genuine Open Access</a></h3>
......@@ -46,7 +46,7 @@
</div>
</div>
</div>
<div class="col-lg-6">
<div class="col-md-6">
<div class="card mb-2">
<div class="card-header">
<h3>Info</h3>
......@@ -89,7 +89,7 @@
{% endif %}
</div>
<div class="col-lg-12">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h1>Sponsors</h1>
......@@ -119,7 +119,7 @@
</div>
</div>
<div class="col-lg-12"
<div class="col-md-12"
hx-get="{% url 'scipost:_hx_participates_in' %}"
hx-trigger="load"
>
......
{% load static %}
<div class="row">
<div class="col-md-8">
<h1 class="highlight mt-0">The Home of Genuine Open Publishing</h1>
<h4 class="m-2 mb-4">SciPost is a complete publishing infrastructure serving professional scientists worldwide.</h4>
<div class="publications">
<h2 class="highlight">Selected publications</h2>
<div class="publication-list">
{% for publication in publications %}
{% include 'journals/_publication_li_content-alt.html' with publication=publication %}
{% endfor %}
</div>
</div>
</div>
<div class="col-md-4">
<!-- News -->
<div class="news">
<h2 class="highlight mt-0">News
<a class="btn btn-link btn-sm" href="{% url 'scipost:feeds' %}" aria-label="RSS feeds">{% include 'bi/rss-fill.html' %}</a>
</h2>
<ul>
{% for news in news_items %}
<li>
<div class="date">{{ news.date|date:'d' }}<span class="month">{{ news.date|date:'M' }}</span></div>
<div>
<h3><a href="{% url 'news:news' %}#news_{{ news.id }}">{{ news.headline }}</a></h3>
<p>{{ news.blurb_short }}</p>
</div>
</li>
{% endfor %}
</ul>
</div><!-- End news -->
</div>
</div>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header">
<h2 class="my-2">Our purpose: <a href="{% url 'scipost:about' %}#GOA">Genuine Open Access</a></h2>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<ul class="list list-unstyled">
<li>{% include 'bi/check-square.html' %}&nbsp;Community Ownership</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Open Infrastructure</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Copyright to Authors</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Open Access</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Open Citations</li>
</ul>
</div>
<div class="col">
<ul class="list list-unstyled">
<li>{% include 'bi/check-square.html' %}&nbsp;Fee Free</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Non Profit</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Open Finances</li>
<li>{% include 'bi/check-square.html' %}&nbsp;Academic Editing</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8 mb-4">
<div class="card">
<div class="card-header">
<h2 class="my-2">Sponsors</h2>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<p>
We invite <a href="{% url 'organizations:organizations' %}">organizations benefitting from SciPost's activities</a> to join our growing <a href="{% url 'sponsors:sponsors' %}">list of Sponsors</a>. Look at our <a href="{% static 'sponsors/SciPost_Sponsors_Board_Prospectus.pdf' %}">one-page Prospectus</a> and at our full <a href="{% static 'sponsors/SciPost_Sponsorship_Agreement.pdf' %}">Sponsorship Agreement template</a>.
</p>
<p>
<strong>Scientists, please help us out:</strong> Please petition your local librarian/director/... to consider sponsoring us. You can use this email <a href="mailto:?subject=Petition to support SciPost&body={% autoescape on %}{% include 'sponsors/sponsor_petition_email.html' %}{% endautoescape %}&cc=sponsors@{{ request.get_host }}">template</a>.
</p>
</div>
<div class="col-md-6">
<a href="{% url 'sponsors:sponsors' %}">See all sponsors</a>
<br>
<div id="sponsor-logos" class="sp-swap"
hx-get="{% url 'scipost:_hx_sponsors' %}"
hx-trigger="load"
hx-swap="outerHTML swap:1s"
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-2">
<div class="card-header">
<h2 class="my-2">Further info</h2>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<ul class="list list-unstyled">
<li><a href="{% url 'scipost:about' %}">About SciPost</a></li>
<li><a href="{% url 'scipost:foundation' %}">The Foundation</a></li>
<li><a href="{% url 'scipost:FAQ' %}">FAQ</a></li>
<li><a href="{% url 'scipost:contact' %}">Contact us</a></li>
<li><a href="{% url 'careers:jobopenings' %}">Careers&#64;SciPost</a></li>
</ul>
</div>
<div class="col">
<ul class="list list-unstyled">
<li><a href="https://disc.{{ request.get_host }}" target="_blank" rel="noopener">{% include 'bi/chat-right-text.html' %} Community</a></li>
<li><a href="https://git.{{ request.get_host }}" target="_blank" rel="noopener">{% include 'bi/code-square.html' %} git.{{ request.get_host }}</a></li>
<li class="mt-2"> <a href="{% url 'finances:business_model' %}">Our Business Model</a></li>
<li><a href="{% url 'organizations:organizations' %}">Organizations <span class="small">benefitting from our activities</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8"
hx-get="{% url 'scipost:_hx_participates_in' %}"
hx-trigger="load"
>
</div>
</div>
......@@ -20,15 +20,15 @@
{% block pagetitle %}Homepage{% endblock pagetitle %}
{% block header %}
{% include 'scipost/header_with_acad_field_and_spec2p2.html' %}
{% include 'scipost/header_with_acad_field_and_spec5.html' %}
{% endblock %}
{% block content %}
<ul class="nav nav-pills flex-wrap flex-sm-row mb-3 justify-content-center"
id="portal-tablist"
<ul class="nav nav-pills flex-wrap flex-sm-row mb-0 justify-content-center"
id="portal-tablist-home5"
role="tablist">
<li class="nav-item" role="presentation">
......@@ -68,7 +68,7 @@
</li>
<li class="nav-item" role="presentation">
<button class="nav-link border border-warning" id="reports-needed-tab"
<button class="nav-link border border-2 border-warning" id="reports-needed-tab"
data-bs-toggle="tab" data-bs-target="#reports-needed"
type="button" role="tab"
aria-controls="reports-needed" aria-selected="true">
......@@ -95,120 +95,24 @@
</li>
<li class="nav-item" role="presentation">
<a class="btn btn-outline-success border-2 ms-4"
<button class="btn btn-outline-success border-2 ms-4"
href="{% url 'submissions:submit_manuscript' %}">
{% include 'bi/arrow-right.html' %}<strong>Submit</strong>
</a>
</button>
</li>
</ul>
<hr>
<hr class="mt-0">
<div class="tab-content mt-4" id="portalTabContent">
<div class="tab-pane portal-tab fade show active" id="home"
role="tabpanel" aria-labelledby="home-tab">
<!-- Plug the content of home3 here, without the fields etc -->
<div class="row">
<div class="col-md-8">
<h1 class="highlight">The Home of Genuine Open Publishing</h1>
<div class="publications">
<ul class="header-list">
<li class="active"><h2>Selections</h2></li>
</ul>
<div class="publication-list">
{% for publication in publications %}
{% include 'journals/_publication_li_content-alt.html' with publication=publication %}
{% endfor %}
</div>
</div>
</div>
<div class="col-md-4">
<!-- News -->
<div class="news">
<h2 class="header">News
<a class="btn btn-link btn-sm" href="{% url 'scipost:feeds' %}" aria-label="RSS feeds">{% include 'bi/rss-fill.html' %}</a>
</h2>
<ul>
{% for news in news_items %}
<li>
<div class="date">{{ news.date|date:'d' }}<span class="month">{{ news.date|date:'M' }}</span></div>
<div>
<h3><a href="{% url 'news:news' %}#news_{{ news.id }}">{{ news.headline }}</a></h3>
<p>{{ news.blurb_short }}</p>
</div>
</li>
{% endfor %}
</ul>
<ul class="link-cloud">
<li>About</li>
<li>Contact Us</li>
<li>The Foundation</li>
<li>Careers</li>
<li>FAQ</li>
<li>News</li>
<li>Feeds</li>
<li>Our Business model</li>
<li>Organizations</li>
<li>Sponsors</li>
<li>Finances</li>
</ul>
</div><!-- End news -->
</div>
</div>
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h1>Sponsors</h1>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<p>
We invite <a href="{% url 'organizations:organizations' %}">organizations benefitting from SciPost's activities</a> to join our growing <a href="{% url 'sponsors:sponsors' %}">list of Sponsors</a>. Look at our <a href="{% static 'sponsors/SciPost_Sponsors_Board_Prospectus.pdf' %}">one-page Prospectus</a> and at our full <a href="{% static 'sponsors/SciPost_Sponsorship_Agreement.pdf' %}">Sponsorship Agreement template</a>.
</p>
<p>
<strong>Scientists, please help us out:</strong> Please petition your local librarian/director/... to consider sponsoring us. You can use this email <a href="mailto:?subject=Petition to support SciPost&body={% autoescape on %}{% include 'sponsors/sponsor_petition_email.html' %}{% endautoescape %}&cc=sponsors@{{ request.get_host }}">template</a>.
</p>
</div>
<div class="col-md-4">
<a href="{% url 'sponsors:sponsors' %}">See all sponsors</a>
<br>
<div id="sponsor-logos" class="sp-swap"
hx-get="{% url 'scipost:_hx_sponsors' %}"
hx-trigger="load"
hx-swap="outerHTML swap:1s"
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12"
hx-get="{% url 'scipost:_hx_participates_in' %}"
hx-trigger="load"
<div hx-get="{% url 'scipost:portal_hx_home5' %}"
hx-trigger="load, click delay:200ms from:#home-tab"
>
</div>
</div>
<div class="tab-pane portal-tab fade" id="journals"
......
......@@ -113,6 +113,11 @@ urlpatterns = [
views.portal_hx_home,
name='portal_hx_home'
),
path(
'portal/_hx_home5',
views.portal_hx_home5,
name='portal_hx_home5'
),
path(
'portal/_hx_journals',
TemplateView.as_view(template_name='scipost/portal/_hx_journals.html'),
......
......@@ -258,6 +258,20 @@ def portal_hx_home(request):
return render(request, 'scipost/portal/_hx_home.html', context)
def portal_hx_home5(request):
"""Homepage view of SciPost."""
if NewsItem.objects.homepage().exists():
news_items = NewsItem.objects.homepage().order_by('-date')[:3]
else:
news_item = NewsItem.objects.none()
context = {
'news_items': news_items,
'publications': Publication.objects.published().order_by(
'-publication_date', '-paper_nr')[:3],
}
return render(request, 'scipost/portal/_hx_home5.html', context)
def portal_hx_publications(request):
form = PublicationSearchForm(
acad_field_slug=request.session.get('session_acad_field_slug', None),
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment