diff --git a/scipost/static/scipost/assets/css/_homepage.scss b/scipost/static/scipost/assets/css/_homepage.scss index 7806862752e607e32e4c38e6c356944c850f4f37..a7d4f973288b8f9d762524d9e51f1295ea72b2f4 100644 --- a/scipost/static/scipost/assets/css/_homepage.scss +++ b/scipost/static/scipost/assets/css/_homepage.scss @@ -6,6 +6,7 @@ .content-wrapper { display: flex; flex-wrap: wrap; + position: relative; } .container { @@ -36,11 +37,14 @@ .sidebar { width: 100%; - border-top: 1px solid $card-grey-border-bottom-color; + border-top: 2px solid $card-grey-border-bottom-color; background-size: cover; background-position: center center; - background-color: $scipost-white; - border-left: 1px solid $sidebar-border-color; + background-color: $white; + border-left: 1px solid #ddd; + position: relative; + padding-top: 0.25rem; + margin-top: 2rem; .card { padding-top: 1rem; @@ -69,19 +73,40 @@ @media (min-width: 768px) { .main-panel { - width: calc(100% - 400px); + width: calc(100% - 350px); } .sidebar { - width: 400px; + width: 350px; border-top: 0; padding-bottom: 3rem; - // box-shadow: 0px 1px 1px 0 #d0d1d5 inset; + padding-left: 40px; + margin-top: 0; + + height: 100%; + position: absolute; + right: 0; + top: 0; + + &:before { + content: ''; + left: 0; + top: 0; + position: absolute; + height: 100%; + width: 20px; + background: $scipost-white; + } } } @media (min-width: 1280px) { + .main-panel { + width: calc(100% - 400px); + } + .sidebar { - padding-left: 2rem; + width: 400px; + padding-left: 3rem; padding-right: 2rem; } } diff --git a/scipost/templates/scipost/base_for_sidebar.html b/scipost/templates/scipost/base_for_sidebar.html index 6fe3e950b259a0eb19e531c0b988915bdd300917..86d25e5bace4d9fcf476e55640bb601c80f07ec1 100644 --- a/scipost/templates/scipost/base_for_sidebar.html +++ b/scipost/templates/scipost/base_for_sidebar.html @@ -18,7 +18,7 @@ </div> - <div class="sidebar pt-1"> + <div class="sidebar"> {% block sidebar %}{% endblock %} </div> </div> diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html index 62bfb8301035ccabe60c611cb9119ff800ed14ad..839508d7cdcd54945a2c025afb4b129cbe46ebdf 100644 --- a/scipost/templates/scipost/index.html +++ b/scipost/templates/scipost/index.html @@ -108,28 +108,6 @@ <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">Latest issues</h2> - </div> - <div class="card-block"> - <ul class="m-0 pl-4"> - {% for issue in issues %} - <li> - <div class="py-1"> - <a href="{{issue.get_absolute_url}}">{{issue.in_volume}} issue {{issue.number}}</a><br> - <span class="text-muted">{{issue.period_as_string}}</span> - </div> - </li> - {% endfor %} - </ul> - </div> - <div class="card-footer"> - <a href="{% url 'journal:issues' 'SciPostPhys' %}">All issues</a> - </div> - </div><!-- End latest issues --> - <!-- Summarized --> <div class="card card-grey"> <div class="card-block"> @@ -162,21 +140,17 @@ {% block secondary_footer %} <footer class="container-fluid text-left secondary pt-4 mt-5"> <div class="row"> - <div class="col-md-6"> + <div class="col-lg-6"> <h1>SciPost is endorsed by</h1> <div class="row"> - <div class="col-md-6"> + <div class="col-lg-6"> <a href="//www.nwo.nl/en" target="_blank"><img style="max-height: 55px; width: auto;" src="{% static 'scipost/images/NWO_logo_EN.jpg' %}" alt="NWO logo"></a> <p id="NWOOpenAccess" class="mt-1">All articles published in SciPost Journals fulfill the Gold standard Open Access requirements of the NWO, as stipulated on the NWO’s <a href="//www.nwo.nl/en/policies/open+science" target="_blank">Open Science page</a>.</p> </div> - <div class="col-md-6"> - <a href="//www.fom.nl" target="_blank"><img style="max-height: 55px; width: auto;" src="{% static 'scipost/images/FOMlogo_fc.jpg' %}" alt="FOM logo"></a> - <p style="font-size: 80%" class="mt-1">FOM is part of NWO</p> - </div> </div> </div> - <div class="col-md-6"> + <div class="col-lg-6"> <h1>SciPost is a member of</h1> <br/> <a href="//www.crossref.org" target="_blank"><img src="//assets.crossref.org/logo/crossref-logo-200.svg" width="100" alt="Crossref logo"></a>