From eb6c2d94a0ce85c364845c8f91b69196538373f5 Mon Sep 17 00:00:00 2001 From: Tom Benbow Date: Wed, 10 May 2023 08:40:32 -0500 Subject: [PATCH] feat: twitter cards (#228) * Add twitter card images * Add MarkdownContent component * Twitter cards and data * Change markdown file to yaml file * Convert html in _data to yaml * rm marked * use nuxt markdown lib (for now) * enable componentIslands * use component islands to render markdown on server * rebuild pnpm-lock * flatten props * use carbon twitter icon * squish imgs --------- Co-authored-by: cw <106938+cwaring@users.noreply.github.com> --- components/MarkdownContent.server.vue | 15 + components/MarkdownContent.vue | 28 -- components/TwitterCard.vue | 68 ++++ content/_data.yml | 104 +++++- nuxt.config.ts | 1 + package.json | 2 +- pages/community.vue | 11 + pages/help.vue | 2 - pages/legal.vue | 2 - pages/media.vue | 2 - public/images/blog-1.jpg | Bin 102050 -> 82596 bytes public/images/blog-2.jpg | Bin 108681 -> 90259 bytes public/images/blog-3.jpg | Bin 86112 -> 75789 bytes public/images/circle-discord.svg | 5 +- public/images/circle-matrix.svg | 7 +- public/images/circle-slack.svg | 12 +- public/images/circle-star.svg | 12 +- public/images/community-hero.jpg | Bin 186545 -> 167533 bytes public/images/constellation-apps.svg | 52 +-- public/images/constellation-archives-home.svg | 37 +-- .../images/constellation-fingerprinting.svg | 67 +--- public/images/constellation-host-publish.svg | 36 +- public/images/constellation-human-agency.svg | 34 +- public/images/constellation-ipfs-gateway.svg | 64 +--- public/images/constellation-off-chain.svg | 37 +-- public/images/constellation-office-hours.svg | 34 +- public/images/constellation-open.svg | 31 +- .../constellation-optimize-delivery.svg | 117 +------ public/images/constellation-peer.svg | 39 +-- .../images/constellation-pinning-service.svg | 37 +-- public/images/constellation-resilient.svg | 67 +--- .../images/constellation-store-distribute.svg | 110 +------ public/images/constellation-store.svg | 56 +--- public/images/constellation-telescope.svg | 90 +---- public/images/constellation-tooling.svg | 50 +-- public/images/constellation-verifiable.svg | 50 +-- public/images/constellations-footer.svg | 310 +----------------- public/images/constellations-hero.svg | 2 +- .../constellations-home-by-the-numbers.svg | 39 +-- .../constellations-home-get-started.svg | 290 +--------------- public/images/constellations-telescope.svg | 194 +---------- public/images/developers-hero.jpg | Bin 214274 -> 184141 bytes public/images/ipfs-icon.svg | 11 +- public/images/ipfs-logo.svg | 13 +- public/images/logo-3S.png | Bin 21435 -> 11493 bytes public/images/logo-anytype.png | Bin 9480 -> 5100 bytes public/images/logo-chrome.png | Bin 48887 -> 41699 bytes public/images/logo-firefox.png | Bin 56064 -> 45176 bytes public/images/logo-opera.png | Bin 13713 -> 11976 bytes public/images/portrait-mauve-signweaver.png | Bin 187313 -> 168669 bytes public/images/portrait-nancy-baker.png | Bin 58540 -> 51131 bytes public/images/social-github.svg | 4 +- public/images/social-twitter.svg | 4 +- public/images/social-youtube.svg | 4 +- public/images/twitter-horracio.jpg | Bin 0 -> 40836 bytes public/images/twitter-omojueth.jpg | Bin 0 -> 22693 bytes public/images/twitter-pixelmatters.jpg | Bin 0 -> 50888 bytes public/images/twitter-profile-hhg2288.jpg | Bin 0 -> 3235 bytes public/images/twitter-profile-ipfs.jpg | Bin 0 -> 2794 bytes public/images/twitter-profile-omojumiller.jpg | Bin 0 -> 4174 bytes .../images/twitter-profile-pixelmatters_.jpg | Bin 0 -> 1108 bytes .../images/twitter-profile-protocollabs.jpg | Bin 0 -> 2011 bytes .../images/twitter-profile-satellite_im.jpg | Bin 0 -> 1193 bytes public/images/twitter-profile-shanvasion.jpg | Bin 0 -> 3936 bytes public/images/twitter-profile-sneha_bb.jpg | Bin 0 -> 3032 bytes public/images/twitter-protocol-2.jpg | Bin 0 -> 61085 bytes public/images/twitter-protocol.jpg | Bin 0 -> 56981 bytes public/images/twitter-satelliteim.jpg | Bin 0 -> 45179 bytes public/images/twitter-shann.jpg | Bin 0 -> 52079 bytes public/images/twitter-sneha.jpg | Bin 0 -> 45339 bytes public/images/video-1.jpg | Bin 115741 -> 101176 bytes public/images/video-2.jpg | Bin 99643 -> 91197 bytes public/images/video-3.jpg | Bin 112330 -> 99199 bytes 73 files changed, 231 insertions(+), 1919 deletions(-) create mode 100644 components/MarkdownContent.server.vue delete mode 100644 components/MarkdownContent.vue create mode 100644 components/TwitterCard.vue create mode 100644 public/images/twitter-horracio.jpg create mode 100644 public/images/twitter-omojueth.jpg create mode 100644 public/images/twitter-pixelmatters.jpg create mode 100644 public/images/twitter-profile-hhg2288.jpg create mode 100644 public/images/twitter-profile-ipfs.jpg create mode 100644 public/images/twitter-profile-omojumiller.jpg create mode 100644 public/images/twitter-profile-pixelmatters_.jpg create mode 100644 public/images/twitter-profile-protocollabs.jpg create mode 100644 public/images/twitter-profile-satellite_im.jpg create mode 100644 public/images/twitter-profile-shanvasion.jpg create mode 100644 public/images/twitter-profile-sneha_bb.jpg create mode 100644 public/images/twitter-protocol-2.jpg create mode 100644 public/images/twitter-protocol.jpg create mode 100644 public/images/twitter-satelliteim.jpg create mode 100644 public/images/twitter-shann.jpg create mode 100644 public/images/twitter-sneha.jpg diff --git a/components/MarkdownContent.server.vue b/components/MarkdownContent.server.vue new file mode 100644 index 00000000..5ee3ad00 --- /dev/null +++ b/components/MarkdownContent.server.vue @@ -0,0 +1,15 @@ + + + diff --git a/components/MarkdownContent.vue b/components/MarkdownContent.vue deleted file mode 100644 index 81ecd9b0..00000000 --- a/components/MarkdownContent.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/components/TwitterCard.vue b/components/TwitterCard.vue new file mode 100644 index 00000000..aeb6d9c1 --- /dev/null +++ b/components/TwitterCard.vue @@ -0,0 +1,68 @@ + + + + + diff --git a/content/_data.yml b/content/_data.yml index 834973ff..7a138013 100644 --- a/content/_data.yml +++ b/content/_data.yml @@ -54,4 +54,106 @@ browserCards: title: Firefox Extension description: | IPFS browser extension - link: https://www.protocol.ai \ No newline at end of file + link: https://www.protocol.ai +twitterCards: + - name: Horacio Herrera + handle: hhg2288 + post: | + IPFS Community round table!! + image: twitter-horracio.jpg + time: 5:23 PM + date: Oct 30, 2022 + - name: Protocol Labs + handle: protocollabs + post: | + Scenes from Day 1 of [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) at [#LabWeek](https://twitter.com/hashtag/LabWeek). + + Head to Convento do Beato for another day of talks, workshops, connection & more for the IPFS + + Community. Happening all day. + + Details + [https://2022.ipfs.camp](https://2022.ipfs.camp) + image: twitter-protocol.jpg + time: 2:30 PM + date: Oct 29, 2022 + - name: shann.lens + handle: shanvasion + post: | + Huge respect for the [@protocollabs](https://twitter.com/protocollabs) ecosystem [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) Today was incredible. I met some of the absolute smartest and kindest ppl. Overheard many discussions about how projects are going to achieve adoption. The energy is all about action + time: 2:30 PM + date: Oct 29, 2022 + retweet: + name: IPFS + handle: IPFS + post: | + Ready for round 2? + + Join us for [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) tomorrow, kicking off at 10am for a full day of talks, workshops, hacking, and more. + image: twitter-shann.jpg + date: Oct 28, 2022 + - name: Sneha Mishra + handle: sneha_bb + post: | + Realising the power of decentralisation w [@IPFS](https://twitter.com/ipfs) [@Filecoin](https://twitter.com/filecoin) fighting for the common people against Violence, Evidence Tampering, Wrongful Voting, Control over publishing/media industry.... + image: twitter-sneha.jpg + time: 3:57 PM + date: Oct 30, 2022 + - name: shann.lens + handle: shanvasion + post: | + Huge respect for the [@protocollabs](https://twitter.com/protocollabs) ecosystem [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) Today was incredible. I met some of the absolute smartest and kindest ppl. Overheard many discussions about how projects are going to achieve adoption. The energy is all about action + time: 2:30 PM + date: Oct 29, 2022 + retweet: + name: IPFS + handle: IPFS + post: | + Ready for round 2? + + Join us for [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) tomorrow, kicking off at 10am for a full day of talks, workshops, hacking, and more. + image: twitter-shann.jpg + date: Oct 28, 2022 + - name: Pixelmatters + handle: pixelmatters_ + post: | + What a day we had yesterday at [LabWeek22](https://twitter.com/hashtag/LabWeek22), the first-ever decentralized conference hosted by our partner [@protocollabs](https://twitter.com/protocollabs) + + It's an event where teams are innovating and building a collective future. #plsummit + image: twitter-pixelmatters.jpg + time: 7:27 PM + date: Oct 25, 2022 + - name: omoju.eth + handle: omojumiller + post: | + Super excited about this. I really, really, like being a part of [@protocollabs](https://twitter.com/protocollabs) family! + + My team and I like their approach to building a thriving eco-system of #Web3 companies solving major problems [LabWeek22](https://twitter.com/hashtag/LabWeek22). + time: 3:57 PM + date: Oct 30, 2022 + retweet: + name: Protocol Labs + handle: protocollabs + post: | + Only two weeks until we're together in Lisbon for [LabWeek22](https://twitter.com/hashtag/LabWeek22)! Events are filling up fast [http://22.labweek.io](http://22.labweek.io) for the latest news and to reserve your spot! + + Lisbon, Portugal
+ Oct 24 - Nov 4, 2022
+ [http://22.labweek.io](http://22.labweek.io) + image: twitter-omojueth.jpg + date: Oct 11, 2022 + - name: Satellite_im + handle: satellite_im + post: | + Satellite's [@weveloper](weveloper) is up front now showing off our Iridium project, which is the special sauce that powers Satellite Core's messaging platform. [#IPFSCamp](https://twitter.com/hashtag/IPFSCamp) + image: twitter-satelliteim.jpg + time: 3:57 PM + date: Oct 30, 2022 + - name: Protocol Labs + handle: protocollabs + post: | + At Hacker Base this morning, great to see some of the [@Web3Storage](https://twitter.com/Web3Storage) team in person [@hugomrdias](https://twitter.com/hugomrdias) [@gozala](https://twitter.com/gozala) [@bengo](https://twitter.com/bengo) [@vascosantos10](https://twitter.com/vascosantos10) [@_alanshaw](https://twitter.com/_alanshaw) + #labweek22 + image: twitter-protocol-2.jpg + time: 1:23 PM + date: Oct 25, 2022 diff --git a/nuxt.config.ts b/nuxt.config.ts index e9965895..824dc79d 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -32,6 +32,7 @@ export default defineNuxtConfig({ ], experimental: { inlineSSRStyles: false, + componentIslands: true, }, runtimeConfig: { public: { diff --git a/package.json b/package.json index 4a57f620..6bf1f5d3 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "ipfs-website", "version": "3.0.0", "private": true, - "packageManager": "pnpm@8.4.0", + "packageManager": "pnpm@8.5.0", "scripts": { "build": "nuxt build", "dev": "nuxt dev", diff --git a/pages/community.vue b/pages/community.vue index 62e705ab..d67150aa 100644 --- a/pages/community.vue +++ b/pages/community.vue @@ -1,3 +1,7 @@ + +