diff --git a/.gitignore b/.gitignore index b7c9804..0ed3ac6 100644 --- a/.gitignore +++ b/.gitignore @@ -4,5 +4,6 @@ resources .netlify .hugo_build.lock .DS_Store +*.DS_Store* ./content ./config diff --git a/README.md b/README.md index 0f482d0..1b5c1d8 100644 --- a/README.md +++ b/README.md @@ -1,27 +1,3 @@ -# Docs starter - -This repository contains the base platform to build a docs site from. This platform is built using Hugo and started life in the [Doks repo by H-enk](https://github.com/h-enk/doks). This repo is designed to be used as a template and submodule. Follow through the [Create your project](#create-your-project) guide to set up everything properly. - - - -## Create your project - -You can create your project quicking by following these steps. - -1. Clone this repo: - - ```shell - git clone https://github.com/protocol/docs-starter - ``` - -1. Move into the `docs-starter` directory and install the dependencies: - - ```shell - cd docs-starter && npm install - ``` - -1. Done! - ## Run locally Once you have set up your project, you can start a local server by running the following steps. @@ -117,12 +93,3 @@ npm run create -- --kind page basics/install/windows - [Doks](https://getdoks.org/) by [Henk Verlinde](https://henkverlinde.com/) - [CSS Tooltip](https://github.com/alterebro/css-tooltip) by [alterebro](https://github.com/alterebro) - -## Project todos - -This is the stuff we're still working on. - -- [ ] Add in better pictures of dogs. -- [ ] Automate favicon creation. -- [ ] Automate adding item to topbar using `npm run create ...` commands. -- [ ] Add setting to use image or text for topbar nav logo. diff --git a/assets/js/partner.cjs b/assets/js/partner.cjs new file mode 100644 index 0000000..a8d8f1c --- /dev/null +++ b/assets/js/partner.cjs @@ -0,0 +1,98 @@ +import React from "react"; +import Slider from "react-slick"; + +export function partners(){ + const settings = { + dots: true, + infinite: true, + autoplay: true, + autoplaySpeed: 2000, + speed: 500, + slidesToShow: 4, + slidesToScroll: 1, + responsive: [ + { + breakpoint: 1024, + settings: { + slidesToShow: 3, + slidesToScroll: 3, + infinite: true, + dots: true + } + }, + { + breakpoint: 600, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + initialSlide: 2 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + } + ] + }; + return ( +
+ ); +} + +ReactDOM.render(React.createElement(partners), + document.getElementById("partners")); diff --git a/assets/js/progressbar.js b/assets/js/progressbar.js index 250640c..9688ab7 100644 --- a/assets/js/progressbar.js +++ b/assets/js/progressbar.js @@ -2,7 +2,6 @@ window.onscroll = function() {move_progressbar()}; function move_progressbar() { - console.log("thingy"); var winScroll = document.body.scrollTop || document.documentElement.scrollTop; var height = document.documentElement.scrollHeight - document.documentElement.clientHeight; var scrolled = (winScroll / height) * 100; diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 405ede9..5d0328b 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -62,3 +62,188 @@ p.meta { .page-link:hover { text-decoration: none; } + +.home { + .fold { + position: relative; + background-image: url("/images/IPNI_Header_large.png"); + background-size: cover; + background-repeat: no-repeat; + width: 100%; + height: fit-content; + &:after { + content: ''; + display: block; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #1d2d35; + opacity: 0.6; + z-index: 3; + } + .heading, .subheading { + position: relative; + z-index: 10; + color: white; + } + .heading { + padding: 10rem 0 3rem; + font-size: 6rem; + @media only screen and (max-width: 480px){ + font-size: 4rem; + } + } + } + .why-ipni { + background-color: #fbf7f0; + color: #1d2d35; + .content { + padding-top: 6rem; + } + h2 { + opacity: 0.8; + } + a { + color: #5d2f86; + } + } + .partners { + background-color: #C5E6F1; + color: #1d2d35; + padding: 5rem 0; + .section-heading { + font-size: 2.5rem; + font-weight: 400; + text-transform: uppercase; + padding-bottom: 2rem; + } + .row { + padding-bottom: 2rem; + @media only screen and (max-width: 767px){ + padding-bottom: 0; + } + } + } + + .features { + background-color: #ffffff; + color: #1d2d35; + // padding: 5rem 0; + .section-heading { + font-size: 2.5rem; + font-weight: 400; + text-transform: uppercase; + padding-bottom: 2rem; + } + .row { + padding-bottom: 2rem; + @media only screen and (max-width: 767px){ + padding-bottom: 0; + } + } + } + + .implementations { + background-color: #fbf7f0; + color: #1d2d35; + .content { + padding-top: 2rem; + } + h2 { + opacity: 0.8; + } + a { + color: royalblue; + } + .table { + border: none; + background-color: #fbf7f0; + } + td { + border: none; + background-color: #fbf7f0; + } + } + + .media_new { + padding-left: 5rem; + padding-right: 5rem; + padding-bottom: 0.05rem; + .section-heading { + font-size: 2.5rem; + font-weight: 400; + text-transform: uppercase; + padding-bottom: 2rem; + } + .row { + padding-bottom: 2rem; + } + } + + .media { + position: relative; + background-color: #fbf7f0; + color: #1d2d35; + padding: 7rem 2rem; + overflow: hidden; + .section-heading { + font-size: 4rem; + } + .main-video { + p { + width: 80%; + } + } + .content { + position: relative; + z-index: 10; + } + .image-container-1,.image-container-2, .image-container-3 { + position: absolute; + z-index: 4; + } + .image-container-1 { + top: -6rem; + left: 10rem; + width: 27rem; + height: auto; + transform: rotate(200deg); + } + .image-container-2 { + top: -4rem; + right: 0; + width: 16rem; + height: auto; + transform: rotate(45deg); + } + .image-container-3 { + bottom: -5rem; + left: 45%; + width: 30rem; + height: auto; + transform: rotate(25deg); + } + } +} + +.ipni-gray { + color: #5A626E; +} + +.ipni-light-gray { + color: #97A1AF; +} + +.f-30 { + font-size: 30px; +} + +.f-18 { + font-size: 18px; +} + +.ipni-table-text { + color: black; +} diff --git a/config/_default/config.toml b/config/_default/config.toml index 3b35d99..843a725 100644 --- a/config/_default/config.toml +++ b/config/_default/config.toml @@ -108,3 +108,7 @@ rel = "sitemap" [[module.mounts]] source = "node_modules/@hyas/images/layouts" target = "layouts" + +#[security] +# [security.exec] +# allow = ['^go$', '^npx$', '^postcss$', '^babel$'] diff --git a/config/_default/menus/menus.en.toml b/config/_default/menus/menus.en.toml index 34da390..c34c036 100644 --- a/config/_default/menus/menus.en.toml +++ b/config/_default/menus/menus.en.toml @@ -1,91 +1,12 @@ [[main]] - name = "Docs" - url = "/docs/basics/copy-the-template/" - identifier = "docs" + name = "Specs" + url = "https://github.com/ipni/specs" + identifier = "specs" weight = 1 - [[main]] - name = "Basics" - weight = 10 - identifier = "docs-basics" - url = "/docs/basics/start-here" - parent = "docs" - - [[main]] - name = "Features" - weight = 20 - identifier = "docs-features" - url = "/docs/features/code-tabs/" - parent = "docs" - - [[main]] - name = "Menus" - weight = 30 - identifier = "docs-menus" - url = "/docs/menus/dropdown/" - parent = "docs" - - -[[main]] - name = "Reference" - url = "/docs/basics/copy-the-template/" - weight = 1 - identifier = "reference" - - [[main]] - name = "Commands" - weight = 10 - identifier = "reference-commands" - url = "/reference/commands" - parent = "reference" - - [[main]] - name = "Configuration" - weight = 20 - identifier = "reference-configuration" - url = "/reference/configuration" - parent = "reference" - - [[main]] - name = "Front-matter" - weight = 30 - identifier = "reference-front-matter" - url = "/reference/front-matter" - parent = "reference" - -[[main]] - name = "Blog" - url = "/blog/" - weight = 20 - - - [[social]] name = "GitHub" pre = "" - url = "https://github.com/protocol/docs-starter" + url = "https://github.com/ipni/" post = "v0.1.0" weight = 10 - -[[social]] - name = "Twitter" - pre = "" - url = "https://twitter.com/protocollabs" - weight = 20 - - - -[[footer]] - name = "Privacy" - url = "/privacy" - weight = 10 - -[[footer]] - name = "Terms" - url = "/terms" - weight = 20 - -[[footer]] - name = "Contact" - url = "/contact" - weight = 30 diff --git a/config/_default/params.toml b/config/_default/params.toml index f4c2c67..c334424 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -1,10 +1,10 @@ # Meta Data for SEO ## Homepage -title = "Docs Starter" +title = "IPNI" titleSeparator = "-" -titleAddition = "A simple documentation platform to get your started." -description = "This documentation platform helps teams write, build, and deploy a simple documentation site that's easy for users to navigate and for teams to maintain." +titleAddition = "A lookup protocol designed to gather the most up-to-date details of data stored in Filecoin and on IPFS," +description = "This documentation describes IPNI protocol and provides resources for further learning." ## Documentation # docsVersion = "0.3" @@ -65,15 +65,14 @@ defaultImage = "default-image.png" # put in `./assets/images/` fillImage = "1270x740 Center" # normalize image size # Footer -footer = "" -# footer = 'Powered by Example, Hugo, and Protocol Labs' +footer = 'Maintained by the IPNI team.' # Feed copyRight = "" # copyRight = "Copyright (c) Protocol Labs" # Alert -alert = true +alert = false alertDismissable = true alertText = "This alert pops up at the top of the webpage. It's useful to ask users for cookies and all that GDPR stuff." @@ -93,7 +92,7 @@ lastMod = false lazySizes = true clipBoard = true instantPage = true - flexSearch = true + flexSearch = false searchSectionsShow = "ALL" searchSectionsIndex = "ALL" darkMode = true diff --git a/content/en/_index.md b/content/en/_index.md index d3f60b1..91888f9 100644 --- a/content/en/_index.md +++ b/content/en/_index.md @@ -1,11 +1,9 @@ --- -title : "The docs" -description: "Get ready to learn some stuff." -lead: "This is a documentation website." +title : "" +description: "" +lead: "" date: 2022-01-01T00:00:01+00:00 lastmod: 2022-01-01T00:00:01+00:00 draft: false images: [] -content: - text: "Humblebrag pitchfork cronut kinfolk leggings. Gentrify pinterest actually heirloom, echo park small batch lyft. Live-edge heirloom offal cold-pressed. 90's single-origin coffee fanny pack offal hella.