diff --git a/README.md b/README.md index b44fe27..3ba00af 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,7 @@ _This list is for projects, tools, or pretty much any things related to IPFS tha - [Apps](#apps) - [Articles](#articles) - [Datasets](#datasets) +- [Services](#services) - [Tools](#tools) - [Videos](#videos) - [Discussions](#discussions) @@ -47,10 +48,9 @@ Everyone is welcome to submit their new awesome-ipfs item. In order to add an el - [dapple](https://github.com/nexusdev/dapple) - Dapple is a Solidity developer multitool designed to manage the growing complexity of interconnected smart contract systems. - [digx](https://www.dgx.io/) - Digix is an asset-tokenisation platform built on Ethereum and IPFS. - [Discussify](https://github.com/ipfs-shipyard/discussify-browser-extension) - Discussify provides a real-time, peer to peer, and permanent discussion platform for anyone to join and participate. -- [DtinyUrl](http://t.bdaily.club) - Dcentralized url shortening service base on ipfs [Source](https://github.com/facert/dtinyurl) +- [DtinyUrl](http://t.bdaily.club) - Dcentralized URL shortening service based on IPFS. [Source](https://github.com/facert/dtinyurl) - [dtube](https://d.tube) - Distributed video sharing with steem.it intergrations, using ipfs for backend storage. - [enzypt.io](https://enzypt.io/) - A website to buy and sell files through Ethereum and IPFS. [Source](https://github.com/flex-dapps/enzypt) -- [Eternum](https://www.eternum.io/) - Paid pinning service with an easy-to-use API. - [Ethlance](http://ethlance.com) - First completely decentralised job market platform built on Ethereum and IPFS. [Source](https://github.com/madvas/ethlance) - [git-ipfs-rehost](https://github.com/whyrusleeping/git-ipfs-rehost) - A script to rehost your git repos in ipfs. - [Global Upload](https://globalupload.io/) - File transportation service for IPFS, upload files to the future of distributed web. @@ -78,7 +78,6 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search - [KDE-DolphinServiceMenu-IPFS](https://github.com/amar-laksh/KDE-DolphinServiceMenu-IPFS) - Service Menu for Dolphin File Manager to upload files to IPFS The open network for transaction requests. - [killcord](https://killcord.io/) - A censorship resistant deadman's switch [Source](https://github.com/nomasters/killcord) - [markup.rocks](https://ipfs.io/ipfs/QmWPgJnUGLB1LPh9KMG9LEN4LVu5e17TwkEtcmTWdNn9V6/#/ipfs/QmfQ75DjAxYzxMP2hdm6o4wFwZS5t7uorEZ2pX9AKXEg2u) - Pandoc-based markup editor/previewer/converter, ported to IPFS. [Source](https://github.com/davidar/markup.rocks) -- [NodeFort.io](https://www.nodefort.io) - Web-based IPFS node hosting service. - [OpenBazaar](https://www.openbazaar.org/) - This new version(v2.0) is built on IPFS, Openbazaar stores can now be accessible to buyers even when they are offline. - [Orbit](https://orbit.chat) - Distributed, peer-to-peer chat application on IPFS. [Source](https://github.com/haadcode/orbit) - [Origin Protocol](https://demo.originprotocol.com/) - Distributed sharing economy marketplace with images, metadata, and ERC 725 data stored on IPFS. [Source](https://github.com/OriginProtocol/demo-dapp) @@ -88,7 +87,6 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search - [Peer Map Demo](https://ipfs.io/ipfs/QmRPGCmLKH2dQmNiPRsiuYS9EhhJL1Gmkz5F75gKY1K4Bm/) - A map of IPv4 IPFS peers that uses window.ipfs [Source](https://github.com/tableflip/ipfs-peer-map-example) - [Peergos](https://peergos.org) - End-to-end encrypted, peer-to-peer file storage and sharing. [Source](https://github.com/Peergos/Peergos) - [Philes](https://philes.co) - A simple browser-based IPFS notepad app. [Source](https://github.com/chrismatthieu/philes) -- [Pinata](https://pinata.cloud) - Build and manage your dapp through Pinata’s REST API and IPFS toolkit. - [Playback](https://mafintosh.github.io/playback/) - IPFS playback support. This allows casting a video in IPFS to a Chromecast. - [PubSub Chat Demo](https://ipfs.io/ipfs/QmWZ3u5S7RjFXKfW6dSZhj7CozcvpqJxm48RYMmKkWcmNQ/) - A ~76KB demo chat app that uses window.ipfs, provided by the IPFS Companion web extension [Source](https://github.com/tableflip/ipfs-pubsub-chat-example) - [PushToTalk](http://timothy.hobbs.cz/push-to-talk/index.html) - Push to Talk lets you edit audio essays and publish them with IPFS. @@ -97,7 +95,7 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search - [TallyLab](https://tallylab.com/) - Local-first, end-to-end encrypted data diary app for capturing, analyzing, and sharing data about any and everything. - [Temporal](https://github.com/RTradeLtd/Temporal) - Temporal is an easy to use API and platform for integrating IPFS and other distributed/decentralized storage technologies into enterprise applications - [Textile Photos](https://www.textile.photos) - Textile Photos is a secure, mobile digital wallet for your photos. [Source](https://github.com/textileio/textile-mobile) -- [ToDo List Demo](https://ipfs.io/ipfs/QmfFaH6dGibQ5JwEdsujeHBzsmHUsFRB5kU9P8nzPyzMv2/) - A ToDo List demo app that uses windows.ipfs. [Source](https://github.com/ipfs-shipyard/demo-ipfs-todo) +- [ToDo List Demo](https://ipfs.io/ipfs/QmSGQrmvHe6fFiWdV2H8YnhLaoX4qe5nYEmJfUFx6LdUYa/) - A ToDo List demo app that uses windows.ipfs. [Source](https://github.com/ipfs-shipyard/demo-ipfs-todo) - [ujo](http://ujomusic.com/) - A blockchain marketplace for musicians. - [uport](https://uport.me/#home) - Uport is a mobile, self-sovereign identity and key management system, built on the Ethereum blockchain. - [Wistful Books](https://wistfulbooks.com/) - Single page offline application for enjoying librivox.org audio books. [Source](https://github.com/smwa/wistfulbooks) @@ -105,7 +103,9 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search ## Articles +- 2019-07-08: [Understanding IPFS in Depth(4/6) What is MultiFormats?](https://hackernoon.com/understanding-ipfs-in-depth-4-6-what-is-multiformats-cf25eef83966) - 2019-05-12: [The Complete Beginner's Guide to Deploying Your First Static Website to IPFS](https://dev.to/agentofuser/the-complete-beginner-s-guide-to-deploying-your-first-static-website-to-ipfs-33po) +- [Downloading nodejs versions with nvm/n over IPFS](https://ipfs.io/ipfs/QmTkzDwWqPbnAh5YiV5VwcTLnGdwSNsNTn2aDxdXBFca7D/example#/ipfs/QmUx363UFtgiQqkHHsPK3TSDmwoALDo2hrbMWbcxjH2vFc) - 2018-08-06: [Content Identifiers in IPFS](https://pascalprecht.github.io/posts/content-identifiers-in-ipfs/) - 2018-07-11: [On future-proof cryptographic hashes](https://pascalprecht.github.io/posts/future-proofed-hashes-with-multihash/) - 2017-08-21: [Understanding the IPFS White Paper part 2](https://decentralized.blog/understanding-the-ipfs-white-paper-part-2.html) @@ -119,18 +119,33 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search - 2015-09-13: [Introduction to IPFS](http://whatdoesthequantsay.com/2015/09/13/ipfs-introduction-by-example) - 2015-09-10: [First Steps Toward Implementing Distributed Permanent Web With IPFS](https://hacked.com/first-steps-toward-implementing-distributed-permanent-web-ipfs/) - 2015-09-08: [HTTP is obsolete. It's time for the distributed, permanent web](https://ipfs.io/ipfs/QmNhFJjGcMPqpuYfxL62VVB9528NXqDNMFXiqN5bgFYiZ1/its-time-for-the-permanent-web.html) -- [Downloading nodejs versions with nvm/n over IPFS](https://ipfs.io/ipfs/QmTkzDwWqPbnAh5YiV5VwcTLnGdwSNsNTn2aDxdXBFca7D/example#/ipfs/QmUx363UFtgiQqkHHsPK3TSDmwoALDo2hrbMWbcxjH2vFc) ## Datasets +- [alpine-linux 3.4 packages](https://ipfs.io/ipfs/QmRsvEpJggeu4HhoafzRFobV4sbwVVTXMrdb2p8XWv7bCS) [Source](https://github.com/ipfs/archives/issues/83) +- [arXiv](https://ipfs.io/ipfs/QmfXH9XtP7xmoTH8WAp4HNSduqWMwLTH8B8TvbTkdgzNAa) [Source](https://github.com/ipfs/archives/issues/2) +- [cdn.media.ccc.de](https://ipfs.io/ipfs/QmW84mqTYnCkRTy6VeRJebPWuuk8b27PJ4bWm2bL4nrEWb) [Source](https://github.com/ipfs/archives/issues/52) +- [cdnjs](https://ipfs.io/ipfs/QmRrnfFUgx81KZR9ibEcxDXgevoj9e5DydB5v168yembnX) [Source](https://github.com/ipfs/archives/issues/35) +- [Geocities by Archive Team](https://ipfs.io/ipfs/QmVCjhoEFC9vwvaa8bKyJgwAByP4MXSogcyDGoz4Lkc3ox) [Source](https://github.com/ipfs/archives/issues/182) - [haveibeenpwnd.com passwords](https://ipfs.io/ipfs/QmSRBDMksX7c5dfheGsYDdWrLdve5hBvXDQm7Yrov7KMJv) [Source](https://github.com/ipfs/archives/issues/157) - [IETF RFC Archive](https://ipfs.io/ipfs/QmNvTjdqEPjZVWCvRWsFJA1vK7TTw1g9JP6we1WBJTRADM) [Source](https://github.com/ipfs/archives/issues/18) +- [KinoKabaret Caen, 2018 - Shortfilms](https://ipfs.io/ipfs/QmajLDwZLH6bKTzd8jkq913ZbxaB2nFGRrkDAuygYNNv39) [Source](https://github.com/ipfs/archives/issues/172) - [MDSConnect](https://ipfs.io/ipfs/QmcvfB6pAqUfTnuAK8zFKVxbdhopnBPveJrDcy1JAA7HX5) [Source](https://github.com/ipfs/archives/issues/152) +- [No-Intro Collection](https://ipfs.io/ipfs/QmPFj6iAxUwxVyEtDJBJHXVp4SX9dkV91Mh5mjqGxTctHy) [Source](https://github.com/ipfs/archives/issues/163) - [Old Internet Files](https://ipfs.io/ipfs/QmbsZEvJE8EU51HCUHQg2aem9JNFmFHdva3tGVYutdCXHp) [Source](https://github.com/ipfs/archives/issues/176) +- [Presidental Daily Briefs](https://ipfs.io/ipfs/Qme6epvZDj3vzHcFKdF1nZhbixjw8Bn4imGcKnbUyBJL89) [Source](https://github.com/ipfs/archives/issues/23) +- [Project Apollo Archives](https://ipfs.io/ipfs/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D) [Source](https://github.com/ipfs/archives/issues/143) +- [textfiles.com](https://ipfs.io/ipfs/QmNoscE3kNc83dM5rZNUC5UDXChiTdDcgf16RVtFCRWYuU) [Source](https://github.com/ipfs/archives/issues/155) - [World Wide Web History Project](https://ipfs.io/ipfs/QmRTSA1UFHSx3z7taNRwUVM8AjB2EQwKvyZu3BfJg9QRtZ) [Source](https://github.com/ipfs/archives/issues/159) -- [XKCD](https://ipfs.io/ipns/xkcd.hacdias.com) [Source](https://github.com/ipfs/archives/issues/21) +- [xkcd](https://ipfs.io/ipns/xkcd.hacdias.com) [Source](https://github.com/ipfs/archives/issues/21) - [yarchive.net](https://ipfs.io/ipfs/QmdA5WkDNALetBn4iFeSepHjdLGJdxPBwZyY47ir1bZGAK) [Source](https://github.com/ipfs/archives/issues/76) +## Services + +- [Eternum](https://www.eternum.io/) - Paid pinning service with an easy-to-use API. +- [NodeFort.io](https://www.nodefort.io) - Web-based IPFS node hosting service. +- [Pinata](https://pinata.cloud) - Build and manage your dapp through Pinata’s REST API and IPFS toolkit. + ## Tools - [Blockwatch](https://ipfs.io/ipfs/QmdikpwcyeBuGaVzWzSzPuqvBfTGD8jPAVydcCjYHsBUxo/index.html) - Monitor the current block number of the Ethereum blockchain, and set alerts (stored locally using PouchDB in your browser) for when certain block heights are passed. [Source](https://github.com/MidnightLightning/ethereum-blockwatch) diff --git a/data/apps.yaml b/data/apps.yaml index 0821141..8fb1266 100644 --- a/data/apps.yaml +++ b/data/apps.yaml @@ -73,11 +73,6 @@ content: description: > Distributed video sharing with steem.it intergrations, using ipfs for backend storage. - - title: Eternum - website: https://www.eternum.io/ - picture: /images/eternum.png - description: > - Paid pinning service with an easy-to-use API. - title: Ethlance website: http://ethlance.com source: https://github.com/madvas/ethlance @@ -254,10 +249,6 @@ content: description: > A Infrastructure: use API and developer tools provide secure, reliable, and scalable access toEthereum and IPFS to help build decentralized application easier. - - title: NodeFort.io - website: https://www.nodefort.io - picture: /images/nodefort.png - description: Web-based IPFS node hosting service. - title: OpenBazaar website: https://www.openbazaar.org/ description: > @@ -269,11 +260,6 @@ content: picture: /images/peer-bandwidth-demo.jpg description: > An demo app that uses window.ipfs, provided by the IPFS Companion web extension to get and graph bandwidth info for your IPFS node - - title: Pinata - website: https://pinata.cloud - picture: /images/pinata.png - description: > - Build and manage your dapp through Pinata’s REST API and IPFS toolkit. - title: PubSub Chat Demo website: https://ipfs.io/ipfs/QmWZ3u5S7RjFXKfW6dSZhj7CozcvpqJxm48RYMmKkWcmNQ/ source: https://github.com/tableflip/ipfs-pubsub-chat-example @@ -293,7 +279,7 @@ content: description: > A demo app that uses windows.ipfs to show you a QR Code of your IPNS Link and of your Public Key. - title: ToDo List Demo - website: https://ipfs.io/ipfs/QmfFaH6dGibQ5JwEdsujeHBzsmHUsFRB5kU9P8nzPyzMv2/ + website: https://ipfs.io/ipfs/QmSGQrmvHe6fFiWdV2H8YnhLaoX4qe5nYEmJfUFx6LdUYa/ source: https://github.com/ipfs-shipyard/demo-ipfs-todo picture: /images/todo-demo.png description: > @@ -349,7 +335,7 @@ content: website: http://t.bdaily.club source: https://github.com/facert/dtinyurl description: > - Dcentralized url shortening service base on ipfs + Dcentralized URL shortening service based on IPFS. - title: Wistful Books website: https://wistfulbooks.com/ source: https://github.com/smwa/wistfulbooks diff --git a/data/articles.yaml b/data/articles.yaml index e7324e7..f80f38d 100644 --- a/data/articles.yaml +++ b/data/articles.yaml @@ -3,6 +3,9 @@ color: navy icon: stroke_pencil description: Articles about the decentralized web and IPFS. content: + - title: Understanding IPFS in Depth(4/6) What is MultiFormats? + date: '2019-07-08' + website: https://hackernoon.com/understanding-ipfs-in-depth-4-6-what-is-multiformats-cf25eef83966 - title: Decentralized & Distributed Edge Computing Comes to Computes.io date: '2017-06-13' website: https://blog.computes.io/decentralized-distributed-edge-computing-comes-to-computes-io-396aa062bc85 diff --git a/data/datasets.yml b/data/datasets.yml index 4cd0474..05ffcee 100644 --- a/data/datasets.yml +++ b/data/datasets.yml @@ -1,19 +1,22 @@ title: Datasets color: teal icon: stroke_copy -description: Datasets who live or are replicated to IPFS +description: Datasets who live or are replicated to IPFS. content: - title: IETF RFC Archive hash: /ipfs/QmNvTjdqEPjZVWCvRWsFJA1vK7TTw1g9JP6we1WBJTRADM website: https://ipfs.io/ipfs/QmNvTjdqEPjZVWCvRWsFJA1vK7TTw1g9JP6we1WBJTRADM source: https://github.com/ipfs/archives/issues/18 size: 500MB - - title: XKCD + - title: xkcd hash: /ipns/xkcd.hacdias.com + snapshot: + hash: /ipfs/QmP7UYTMQFhsiRHfbgPgEngALzXWroSRVkEyWSbJTd23yf + date: 15/07/2019 website: https://ipfs.io/ipns/xkcd.hacdias.com source: https://github.com/ipfs/archives/issues/21 description: - size: 241MB + size: 242MB - title: Old Internet Files hash: /ipfs/QmbsZEvJE8EU51HCUHQg2aem9JNFmFHdva3tGVYutdCXHp website: https://ipfs.io/ipfs/QmbsZEvJE8EU51HCUHQg2aem9JNFmFHdva3tGVYutdCXHp @@ -44,3 +47,63 @@ content: source: https://github.com/ipfs/archives/issues/152 description: size: 18.4GB + - title: arXiv + hash: /ipfs/QmfXH9XtP7xmoTH8WAp4HNSduqWMwLTH8B8TvbTkdgzNAa + website: https://ipfs.io/ipfs/QmfXH9XtP7xmoTH8WAp4HNSduqWMwLTH8B8TvbTkdgzNAa + source: https://github.com/ipfs/archives/issues/2 + description: + size: 25GB + - title: Presidental Daily Briefs + hash: /ipfs/Qme6epvZDj3vzHcFKdF1nZhbixjw8Bn4imGcKnbUyBJL89 + website: https://ipfs.io/ipfs/Qme6epvZDj3vzHcFKdF1nZhbixjw8Bn4imGcKnbUyBJL89 + source: https://github.com/ipfs/archives/issues/23 + description: + size: 480MB + - title: No-Intro Collection + hash: /ipfs/QmPFj6iAxUwxVyEtDJBJHXVp4SX9dkV91Mh5mjqGxTctHy + website: https://ipfs.io/ipfs/QmPFj6iAxUwxVyEtDJBJHXVp4SX9dkV91Mh5mjqGxTctHy + source: https://github.com/ipfs/archives/issues/163 + description: + size: 39.15 GB + - title: cdnjs + hash: /ipfs/QmRrnfFUgx81KZR9ibEcxDXgevoj9e5DydB5v168yembnX + website: https://ipfs.io/ipfs/QmRrnfFUgx81KZR9ibEcxDXgevoj9e5DydB5v168yembnX + source: https://github.com/ipfs/archives/issues/35 + description: + size: 17GB + - title: alpine-linux 3.4 packages + hash: /ipfs/QmRsvEpJggeu4HhoafzRFobV4sbwVVTXMrdb2p8XWv7bCS + website: https://ipfs.io/ipfs/QmRsvEpJggeu4HhoafzRFobV4sbwVVTXMrdb2p8XWv7bCS + source: https://github.com/ipfs/archives/issues/83 + description: + size: 29GB + - title: Project Apollo Archives + hash: /ipfs/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D + website: https://ipfs.io/ipfs/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D + source: https://github.com/ipfs/archives/issues/143 + description: + size: 61GB + - title: textfiles.com + hash: /ipfs/QmNoscE3kNc83dM5rZNUC5UDXChiTdDcgf16RVtFCRWYuU + website: https://ipfs.io/ipfs/QmNoscE3kNc83dM5rZNUC5UDXChiTdDcgf16RVtFCRWYuU + source: https://github.com/ipfs/archives/issues/155 + description: + size: 1.6GB + - title: cdn.media.ccc.de + hash: /ipfs/QmW84mqTYnCkRTy6VeRJebPWuuk8b27PJ4bWm2bL4nrEWb + website: https://ipfs.io/ipfs/QmW84mqTYnCkRTy6VeRJebPWuuk8b27PJ4bWm2bL4nrEWb + source: https://github.com/ipfs/archives/issues/52 + description: + size: 5.4TiB + - title: Geocities by Archive Team + hash: /ipfs/QmVCjhoEFC9vwvaa8bKyJgwAByP4MXSogcyDGoz4Lkc3ox + website: https://ipfs.io/ipfs/QmVCjhoEFC9vwvaa8bKyJgwAByP4MXSogcyDGoz4Lkc3ox + source: https://github.com/ipfs/archives/issues/182 + description: + size: 641TiB + - title: KinoKabaret Caen, 2018 - Shortfilms + hash: /ipfs/QmajLDwZLH6bKTzd8jkq913ZbxaB2nFGRrkDAuygYNNv39 + website: https://ipfs.io/ipfs/QmajLDwZLH6bKTzd8jkq913ZbxaB2nFGRrkDAuygYNNv39 + source: https://github.com/ipfs/archives/issues/172 + description: + size: 30GB diff --git a/data/services.yaml b/data/services.yaml new file mode 100644 index 0000000..30d7e20 --- /dev/null +++ b/data/services.yaml @@ -0,0 +1,19 @@ +title: Services +color: green +icon: stroke_decentralization +description: Services that make use of IPFS technologies. +content: + - title: Pinata + website: https://pinata.cloud + picture: /images/pinata.png + description: > + Build and manage your dapp through Pinata’s REST API and IPFS toolkit. + - title: Eternum + website: https://www.eternum.io/ + picture: /images/eternum.png + description: > + Paid pinning service with an easy-to-use API. + - title: NodeFort.io + website: https://www.nodefort.io + picture: /images/nodefort.png + description: Web-based IPFS node hosting service. \ No newline at end of file diff --git a/package.json b/package.json index f2ebcee..b4474df 100644 --- a/package.json +++ b/package.json @@ -21,19 +21,19 @@ "build:hugo": "hugo -s src -d ../public --cleanDestinationDir --minify --gc" }, "devDependencies": { - "babel-eslint": "^10.0.1", - "browserify": "^16.2.3", - "chokidar": "^2.1.5", + "babel-eslint": "^10.0.2", + "browserify": "^16.3.0", + "chokidar": "^3.0.2", "cssnano": "^4.1.10", "ecstatic": "^4.1.2", - "fs-extra": "^7.0.1", - "hugo-bin": "^0.43.4", - "node-yaml": "^3.2.0", + "fs-extra": "^8.1.0", + "hugo-bin": "^0.43.6", + "node-yaml": "^4.0.1", "npm-run-all": "^4.1.5", - "postcss-cli": "^6.1.2", + "postcss-cli": "^6.1.3", "postcss-import": "^12.0.1", "shx": "^0.3.2", - "standard": "^12.0.1", + "standard": "^13.0.2", "uglifyify": "^5.0.1", "watch": "^1.0.2" }, diff --git a/scripts/make-data.js b/scripts/make-data.js index 9a8ff93..c8d1811 100644 --- a/scripts/make-data.js +++ b/scripts/make-data.js @@ -3,7 +3,7 @@ const fs = require('fs-extra') const { join } = require('path') function getData () { - let data = require('./data') + const data = require('./data') data.push({ title: 'Awesome IPFS', diff --git a/src/css/app.css b/src/css/app.css index 7fdd1c6..136ecc0 100644 --- a/src/css/app.css +++ b/src/css/app.css @@ -8,19 +8,6 @@ body { overflow-y: scroll; } -.grow2 { - -moz-osx-font-smoothing: grayscale; - backface-visibility: hidden; - transform: translateZ(0); - transition: transform 0.25s ease-out; -} - -.grow2:active, -.grow2:hover, -.grow2:focus { - transform: scale(1.05); -} - .focus-outline:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(201, 210, 215, .4); @@ -37,3 +24,33 @@ body { .fill-white { fill: white; } + +.CardContainer { + column-count: 4; + column-gap: 1em; +} + +.Card { + margin: 0 0 1em 0; + width: 100%; + page-break-inside: avoid; + break-inside: avoid; +} + +@media (max-width: 1000px) { + .CardContainer { + column-count: 3; + } +} + +@media (max-width: 800px) { + .CardContainer { + column-count: 2; + } +} + +@media (max-width: 600px) { + .CardContainer { + column-count: 1; + } +} \ No newline at end of file diff --git a/src/js/app.js b/src/js/app.js index fbdb9bc..d5d9560 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -28,10 +28,10 @@ function update (display) { cards.forEach((c) => { if (display.indexOf(c.dataset.ref) >= 0) { c.classList.remove('dn') - c.classList.add('flex') + c.classList.add('dib') } else { c.classList.add('dn') - c.classList.remove('flex') + c.classList.remove('dib') } }) } diff --git a/src/layouts/_default/baseof.html b/src/layouts/_default/baseof.html index 0c6e9aa..ab90111 100644 --- a/src/layouts/_default/baseof.html +++ b/src/layouts/_default/baseof.html @@ -5,8 +5,8 @@ {{ partial "analytics" . }} -
-
{{ end }}