Skip to content

Commit

Permalink
Styling and other improvements.
Browse files Browse the repository at this point in the history
  • Loading branch information
Michael Aufreiter committed May 18, 2019
1 parent b485805 commit 0d6bb44
Show file tree
Hide file tree
Showing 9 changed files with 29 additions and 20 deletions.
4 changes: 2 additions & 2 deletions components/Header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ function SubstanceMenu () {
return (
<div className='sc-menu'>
<div className='sc-menu-link'>
<a className='se-menu-link'>Products</a>
<a href='#' className='se-menu-link'>Products</a>
<div className='sc-menu-popover'>
<div className='se-nav-header'>Products</div>
<div className='se-nav-item'><Link href='/texture'><a>Texture</a></Link></div>
Expand All @@ -24,7 +24,7 @@ function SubstanceMenu () {
</div>
</div>
<div className='sc-menu-link'>
<a className='se-menu-link'>Solutions</a>
<a href='#' className='se-menu-link'>Solutions</a>
<div className='sc-menu-popover'>
<div className='se-nav-header'>Solutions</div>
<div className='se-nav-item'><Link href='/publishing'><a>Journal Publishing</a></Link></div>
Expand Down
6 changes: 2 additions & 4 deletions pages/dar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,9 @@ export default function DAR () {
</div>
</Teaser>
<Body>
<Section headline='Why?'>
<p>Research is currently created using print-oriented file formats such as DOCX or LaTeX. A modern published article however requires structured metadata such as authors, affiliations, references and journal information to be available. Publishers typically make use of the JATS-XML standard to capture that information. As a result a costly and slow conversion process is needed to turn a DOCX submission into structured XML.</p>
<p>If researchers and publishers could all use a shared file format, documents can be created and shared directly without friction. Furthermore submission, peer-review, editing and author proofing workflows can operate on the same source document, streamlining the entire publication process.</p>
</Section>
<Section headline='Introducing DAR'>
<p>Research is currently created using print-oriented file formats such as DOCX or LaTeX. A modern published article however requires structured metadata such as authors, affiliations, references and journal information to be available. Publishers typically make use of the JATS-XML standard to capture that information. As a result a costly and slow conversion process is needed to turn a DOCX submission into structured XML.</p>
<p>If researchers and publishers could all use a shared file format, documents can be created and shared directly without friction. Furthermore submission, peer-review, editing and author proofing workflows can operate on the same source document, streamlining the entire publication process.</p>
<p>A Document ARchive (.dar) is essentially a zip archive, containing the manuscript as a standard JATS XML file, as well as additional assets such as images and data files. It is built around the following design goals:</p>
<List>
<ListItem headline='Standard-compliant'>
Expand Down
Binary file modified static/images/dar.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/reproducable-manuscript.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/texture-cards.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/texture-launch.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/texture-manuscript.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/substance-logos.zip
View file
Binary file not shown.
39 changes: 25 additions & 14 deletions styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,15 @@
--text-font-size: 1em;
--medium-font-size: 1.4em;
--big-font-size: 1.8em;
--large-font-size: 2.3em;
--large-font-size: 2.0em;
--title-font-size: 2.3em;
--content-width: 770px;
--content-font: 'Inter', Arial;
--heading-font: 'Avenir';
--default-line-height: 1.6;
--heading-line-height: 1.2;
--default-font-weight: 400;
--heading-font-weight: 500;
--text-spacing: 1rem;
--default-spacing: 2rem;
--half-spacing: 1rem;
Expand Down Expand Up @@ -75,6 +77,7 @@ html {

.sc-section .se-section-headline {
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
font-size: var(--large-font-size);
line-height: var(--heading-line-height);
text-align: center;
Expand Down Expand Up @@ -134,21 +137,18 @@ html {
}

.sc-menu-popover {
display: block;
display: none;
font-size: var(--tiny-font-size);
text-align: center;
background: #fff;
color: #000;
left: -50px;
margin-top: 15px;
opacity: 0;
padding: var(--half-spacing);
pointer-events: none;
position: absolute;
width: 140px;
border-radius: 4px;
transform: translateY(10px);
transition: all .25s ease-out;
}

.sc-menu-popover:before {
Expand All @@ -175,7 +175,7 @@ html {
}

.sc-menu-link:hover .sc-menu-popover {
opacity: 1;
display: block;
pointer-events: auto;
transform: translateY(0px);
}
Expand All @@ -184,12 +184,17 @@ html {
font-family: var(--heading-font);
font-size: var(--tiny-font-size);
text-transform: uppercase;
font-weight: 600;
color: #8F8F8F;
}

.sc-menu-popover .se-nav-item {
margin: 10px 0px;
}

.sc-menu-popover .se-nav-item a {
color: inherit;
font-size: var(--tiny-font-size);
font-size: var(--text-font-size);
}

.sm-divider {
Expand Down Expand Up @@ -259,14 +264,16 @@ html {
}

.sc-teaser .se-teaser-title {
font-weight: var(--heading-font-weight);
font-family: var(--heading-font);
line-height: var(--default-line-height);
font-size: var(--large-font-size);
font-size: var(--title-font-size);
}

.sc-teaser .se-teaser-headline {
font-family: var(--heading-font);
font-size: var(--big-font-size);
font-size: var(--medium-font-size);
font-weight: var(--heading-font-weight);
line-height: var(--default-line-height);
padding: 0 var(--double-spacing) var(--default-spacing);
}
Expand Down Expand Up @@ -412,6 +419,7 @@ html {
.sc-list-item .se-list-item-content .se-list-item-headline {
font-family: var(--heading-font);
font-size: var(--medium-font-size);
font-weight: var(--heading-font-weight);
line-height: var(--default-line-height);
}

Expand All @@ -438,7 +446,8 @@ html {
justify-content: space-between;
align-items: center;
font-family: var(--heading-font);
font-size: 1.2em;
font-weight: var(--heading-font-weight);
font-size: var(--default-font-size);
cursor: pointer;
}

Expand All @@ -447,10 +456,10 @@ html {
}

.sc-faq-item .se-faq-item-content {
font-size: var(--tiny-font-size);
max-height: 0;
margin-top: 0;
overflow: hidden;
transition: .5s ease-in-out;
}

.sc-faq-item .se-faq-item-content.sm-opened {
Expand Down Expand Up @@ -530,7 +539,8 @@ html {

.sc-read-more {
font-family: var(--heading-font);
font-size: 1.2em;
font-size: var(--default-font-size);
font-weight: var(--heading-font-weight);
border-top: 1px solid #EDEDED;
padding: var(--half-spacing) var(--half-spacing);
}
Expand Down Expand Up @@ -649,6 +659,7 @@ html {
}

.se-shifted-image .se-image {
border: 3px solid #fff;
position: absolute;
margin: 0 auto;
left: 0;
Expand Down Expand Up @@ -708,8 +719,8 @@ html {
width: 100%;
}

.sm-mobile .sc-footer .se-footer-container .se-copyright-menu {
flex-direction: column;
.sm-mobile .sc-footer .sc-substance-logo {
display: none;
}

.sm-mobile .sc-footer .se-footer-container .se-copyright-menu .se-item {
Expand Down

1 comment on commit 0d6bb44

@vercel
Copy link

@vercel vercel bot commented on 0d6bb44 May 18, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully aliased the URL https://substance-website-ov5gch8td.now.sh to the following aliases.

Please sign in to comment.