Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add banner #83

Merged
merged 6 commits into from
May 18, 2020
Merged

Add banner #83

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
7df521e
(my text editor getting rid of whitespace)
lunson May 12, 2020
b7f31f6
add banner announcement sample
lunson May 12, 2020
68ecb37
(my text editor getting rid of whitespace)
lunson May 12, 2020
43424b0
add baseline styling from OME website
lunson May 12, 2020
b2bbd6c
style with IDR brand colors
lunson May 12, 2020
95caaf0
Remove announcement from index page
sbesson May 18, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 32 additions & 4 deletions css/openmicroscopy.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,31 @@
/* ========== brand colors ==========*/
.idr-blue { color: #1976d2; }
.idr-purple { color: #9c27b0; }
.idr-red { color: #f44336; }
.idr-orange { color: #ff9800; }
.idr-yellow { color: #ffc107; }

.bg-idr-blue { background-color: #1976d2; }
.bg-idr-purple { background-color: #9c27b0; }
.bg-idr-red { background-color: #f44336; }
.bg-idr-orange { background-color: #ff9800; }
.bg-idr-yellow { background-color: #ffc107; }

/* ========== banner announcement ==========*/
section.announcement {
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 10px;
text-align: center; }
section.announcement a.styled-link {
color: #fff;
cursor: pointer;
font-weight: bold;
text-decoration: underline;
text-transform: uppercase;
}

.menu > li > a.logo { padding: 0 1rem; }

.marketing-hero {
Expand All @@ -6,7 +34,7 @@
background-repeat: repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
background-size: cover;
}

hr.whitespace {
Expand Down Expand Up @@ -53,13 +81,13 @@ p.link {
padding-bottom: 20px; }
span.institution {
font-size: 90%;
padding-left: 5px;
padding-left: 5px;
}

.contributors-list div {
padding-bottom: 20px; }
.contributors-list a {
font-size: 90%;
padding-left: 5px;
padding-left: 5px;
}

10 changes: 5 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
---
<!-- begin marketing header -->
<header class="marketing-hero">
<div class="row homepage text-center">
<div class="row homepage text-center">
<div class="medium-12 columns">
<img src="{{ "/img/logos/logo-idr-white.svg" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" alt="IDR logo" class="logo-hero" />
<h1 class="hero-main-header">Image Data Resource</h1>
Expand All @@ -21,7 +21,7 @@ <h2 class="hero-subheader small-10 medium-10 large-10 small-offset-1 medium-offs
</div>
</header>
<!-- end marketing header -->

<!-- begin Goal section -->
<hr class="whitespace">
<div class="row column text-center">
Expand All @@ -37,7 +37,7 @@ <h2>Goal</h2>
Sharing data promotes the validation of experimental methods and scientific conclusions, the comparison with
new data obtained by the global scientific community, and enables data reuse by developers of new analysis
and processing tools.</p>

<p>You can browse the IDR without any special knowledge, but if you would like to see how the IDR can be used
to obtain new biological insights from existing datasets, or a more in-depth explanation of how the IDR is set up,
please see the <a href="https://dx.doi.org/10.1038/nmeth.4326">Nature Methods paper</a>.</p>
Expand All @@ -49,14 +49,14 @@ <h2>Goal</h2>
<p>IDR datasets are annotated with author-supplied metadata (e.g., annotations, defined regions, feature vectors
and ontological annotations) that are all stored and available for browsing. All metadata are also available
through the <a href="https://www.openmicroscopy.org/site/support/omero5.2/developers/Modules/Api.html">OMERO API</a>.

<p>If you are interested in submitting data to the IDR, see <a href="submission.html">our submission guidelines</a>.</p>
</div>
</div>
</div>
</div>
<!-- end Goal section -->

<!-- begin Examples section -->
<hr class="whitespace">
<div class="row column text-center">
Expand Down