This commit is contained in:
Sander Spies 2019-09-30 11:56:08 +02:00
commit 8e95b6e4ce
5 changed files with 181 additions and 63 deletions

2
.gitignore vendored
View File

@ -6,4 +6,4 @@ cache/*
Version.ml Version.ml
/_opam/ /_opam/
/*.pp.ligo /*.pp.ligo
**/.DS_Store **/.DS_Store

View File

@ -1,4 +1,5 @@
**/.DS_Store **/.DS_Store
.DS_Store
node_modules node_modules

View File

@ -24,57 +24,53 @@ class Footer extends React.Component {
render() { render() {
return ( return (
<footer className="nav-footer" id="footer"> <footer className="nav-footer" id="footer">
<section className="sitemap"> <section className="footer-wrapper">
<a className="nav-home"></a> <div className="sitemap">
<div> <a className="nav-home"></a>
<h5>Docs</h5> <div>
<a href={this.docUrl('setup-installation.html', this.props.language)}> <h5>Docs</h5>
Installation <a href={this.docUrl('setup-installation.html', this.props.language)}>
</a> Installation
<a href={this.docUrl('api-cli-commands.html', this.props.language)}> </a>
CLI Commands <a href={this.docUrl('api-cli-commands.html', this.props.language)}>
</a> CLI Commands
<a href={this.docUrl('contributors/origin.html', this.props.language)}> </a>
Contribute <a href={this.docUrl('contributors/origin.html', this.props.language)}>
</a> Contribute
<a href="/odoc"> </a>
Api Documentation <a href="/odoc">
</a> Api Documentation
</a>
</div>
<div>
<h5>Community</h5>
<a
href="https://tezos.stackexchange.com/questions/tagged/ligo"
target="_blank"
rel="noreferrer noopener">
Tezos Stack Exchange
</a>
<a
href="https://discord.gg/9rhYaEt"
target="_blank"
rel="noreferrer noopener">
Discord
</a>
</div>
<div>
<h5>More</h5>
<a href={`${this.props.config.baseUrl}blog`}>Blog</a>
<a href={this.docUrl('tutorials/get-started/tezos-taco-shop-smart-contract.html', this.props.language)}>Tutorials</a>
<a href={`${this.props.config.repoUrl}`}>Gitlab</a>
</div>
</div> </div>
<div>
<h5>Community</h5>
<a
href="https://tezos.stackexchange.com/questions/tagged/ligo"
target="_blank"
rel="noreferrer noopener">
Tezos Stack Exchange
</a>
<a
href="https://discord.gg/9rhYaEt"
target="_blank"
rel="noreferrer noopener">
Discord
</a>
</div>
<div>
<h5>More</h5>
<a href={`${this.props.config.baseUrl}blog`}>Blog</a>
<a href={this.docUrl('tutorials/get-started/tezos-taco-shop-smart-contract.html', this.props.language)}>Tutorials</a>
<a href={`${this.props.config.repoUrl}`}>Gitlab</a>
</div>
</section>
<div className="copyright">
<section className="copyright"> {this.props.config.copyright}
Website built with <a </div>
href="https://docusaurus.io/"
target="_blank"
rel="noreferrer noopener">
Docusaurus
</a> by Facebook.
<div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> & <a href="https://www.flaticon.com/authors/lucy-g" title="Lucy G">Lucy G</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
{this.props.config.copyright}
</section> </section>
</footer> </footer>
); );
} }

View File

@ -14,7 +14,7 @@ const partners = [
caption: "Nomadic Labs", caption: "Nomadic Labs",
// You will need to prepend the image path with your baseUrl // You will need to prepend the image path with your baseUrl
// if it is not '/', like: '/test-site/img/image.jpg'. // if it is not '/', like: '/test-site/img/image.jpg'.
image: "/img/nomadic-logo.svg", image: "/img/nomadic-logo.jpg",
infoLink: "https://www.nomadic-labs.com/", infoLink: "https://www.nomadic-labs.com/",
pinned: true pinned: true
}, },
@ -22,7 +22,7 @@ const partners = [
caption: "Tocqueville Group", caption: "Tocqueville Group",
// You will need to prepend the image path with your baseUrl // You will need to prepend the image path with your baseUrl
// if it is not '/', like: '/test-site/img/image.jpg'. // if it is not '/', like: '/test-site/img/image.jpg'.
image: "/img/tq-logo-2.svg", image: "/img/tq-logo.svg",
infoLink: "https://tqgroup.io/", infoLink: "https://tqgroup.io/",
pinned: true pinned: true
}, },
@ -30,7 +30,7 @@ const partners = [
caption: "Stove Labs", caption: "Stove Labs",
// You will need to prepend the image path with your baseUrl // You will need to prepend the image path with your baseUrl
// if it is not '/', like: '/test-site/img/image.jpg'. // if it is not '/', like: '/test-site/img/image.jpg'.
image: "/img/stove-logo.svg", image: "/img/stove-logo.png",
infoLink: "https://stove-labs.com", infoLink: "https://stove-labs.com",
pinned: true pinned: true
} }
@ -82,8 +82,7 @@ const team = [
const siteConfig = { const siteConfig = {
title: "LIGO", // Title for your website. title: "LIGO", // Title for your website.
tagline: tagline:
"LIGO is a statically typed high-level smart-contract language that compiles down to Michelson.", "LIGO is a statically typed high-level smart-contract language that compiles down to Michelson. It seeks to be easy to use, extensible and safe.",
taglineSub: "It seeks to be easy to use, extensible and safe.",
url: "https://your-docusaurus-test-site.com", // Your website URL url: "https://your-docusaurus-test-site.com", // Your website URL
baseUrl: "/", // Base URL for your project */ baseUrl: "/", // Base URL for your project */
// For github.io type URLs, you would set the url and baseUrl like: // For github.io type URLs, you would set the url and baseUrl like:
@ -116,7 +115,6 @@ const siteConfig = {
team, team,
/* path to images for header/footer */ /* path to images for header/footer */
headerIcon: "img/logo.svg",
footerIcon: "img/logo.svg", footerIcon: "img/logo.svg",
favicon: "img/logo.svg", favicon: "img/logo.svg",
@ -141,7 +139,7 @@ const siteConfig = {
*/ */
// This copyright info is used in /core/Footer.js and blog RSS/Atom feeds. // This copyright info is used in /core/Footer.js and blog RSS/Atom feeds.
copyright: `Copyright © ${new Date().getFullYear()} Marigold`, copyright: `© ${new Date().getFullYear()} LIGO. All rights reserved.`,
highlight: { highlight: {
// Highlight.js theme to use for syntax highlighting in code blocks. // Highlight.js theme to use for syntax highlighting in code blocks.

View File

@ -105,6 +105,36 @@ footnote {
font-size: 0.75rem; font-size: 0.75rem;
} }
.projectTitle small {
max-width: 700px;
text-align: center;
margin: 0 auto;
margin-top: 0.7em;
}
.fixedHeaderContainer {
background-color: #ffffff;
color: var(--color-primary-text);
}
.fixedHeaderContainer a {
color: var(--color-primary-text);
}
.fixedHeaderContainer .headerWrapper header a:nth-child(2) {
background-color: #EFEFEF;
margin-left: 50px;
padding: 4px 7px;
font-weight: normal;
}
.fixedHeaderContainer .headerWrapper header h3 {
margin: 0;
color: var(--color-primary-text);
text-decoration: none;
}
.fixedHeaderContainer header .headerTitleWithLogo { .fixedHeaderContainer header .headerTitleWithLogo {
display: none; display: none;
} }
@ -117,8 +147,40 @@ footnote {
background: var(--color-primary-text); background: var(--color-primary-text);
} }
.nav-footer .copyright {
text-align: left;
margin-left: 92px;
margin-top: 3em;
border-top: 1px solid white;
padding-top: 3em;
margin-right: 92px;
}
.nav-footer .footer-wrapper {
margin: 0 auto 3em;
max-width: 1080px;
}
.nav-footer .sitemap {
margin: 0;
}
.navigationSlider .slidingNav { .navigationSlider .slidingNav {
background: #1a1a1a; background: white;
}
.navigationSlider .slidingNav ul {
background: white;
color: var(--color-primary-text) !important;
}
.navigationSlider .slidingNav ul li > a:focus,
.navigationSlider .slidingNav ul li > a:hover,
.navigationSlider .slidingNav ul li.siteNavItemActive > a,
.navigationSlider .slidingNav ul li.siteNavGroupActive > a {
background-color: white;
color: var(--color-primary-brand) !important;
} }
/** Top Section **/ /** Top Section **/
@ -466,10 +528,39 @@ body
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 20%; max-width: fit-content;
color: var(--color-primary-text);
padding: 0 var(--padding-level-1); padding: 0 var(--padding-level-1);
} }
.profileContainer a {
color: var(--color-primary-text);
}
.profileContainer:hover {
color: var(--color-primary-brand);
}
.profileImage {
max-height: 195px;
max-width: 195px;
border: var(--color-gray);
}
.profileImage:hover {
box-shadow: 12px 12px 0px var(--color-primary-brand);
}
.team-container {
display: flex;
flex-direction: row;
justify-content: space-around;
padding: var(--padding-level-1);
flex-wrap: wrap;
}
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
.profileContainer p { .profileContainer p {
color: var(--color-primary-text); color: var(--color-primary-text);
} }
@ -511,10 +602,6 @@ body
background-color: var(--color-light-gray); background-color: var(--color-light-gray);
} }
.card:hover {
background-color: var(--color-light-blue);
}
.card-text { .card-text {
text-align: center; text-align: center;
} }
@ -541,6 +628,16 @@ body
border-left: 5px solid var(--color-primary-brand); border-left: 5px solid var(--color-primary-brand);
} }
@media only screen and (min-width: 1024px) {
.navigationSlider .slidingNav ul li a {
color: #0D0F33;
}
.navigationSlider .slidingNav ul li a:hover {
color: #3AA0FF;
}
}
@media (min-width: 560px) and (max-width: 768px) { @media (min-width: 560px) and (max-width: 768px) {
/** Special rules to reorient feature cards at only one screen size**/ /** Special rules to reorient feature cards at only one screen size**/
.card { .card {
@ -559,6 +656,10 @@ body
.profileContainer { .profileContainer {
max-width: 30%; max-width: 30%;
} }
.headerWrapper header a:nth-child(2) {
display: none;
}
} }
@media (max-width: 560px) { @media (max-width: 560px) {
@ -575,7 +676,24 @@ body
} }
} }
@media only screen and (min-device-width: 360px){ @media (max-width: 735px) {
.nav-footer .sitemap {
max-width: 90%;
margin: 0 auto;
}
.nav-footer .copyright {
max-width: 90%;
text-align: left;
margin: 3em auto;
}
}
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
@media only screen and (max-width: 1023px) {
.home-container { .home-container {
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
@ -603,6 +721,11 @@ body
max-width: 90%; max-width: 90%;
padding: var(--padding-level-3); padding: var(--padding-level-3);
} }
@media only screen and (max-width: 1023px) {
.reactNavSearchWrapper input#search_input_react {
background-color: rgba(0, 0, 0, 0.2);
}
}
.landing h4.tagline-text { .landing h4.tagline-text {
font-size: 2.25rem; font-size: 2.25rem;