philsturgeon / awesome-earth Goto Github PK

Hey Awesome Earth team,

we realised that nobody has made a list of all the sustainable open source technology that is out there. That's why we have been creating this list over the last few months and have now published it:
https://github.com/protontypes/awesome-sustainable-technology

Now I would like to call for the further development of projects in this list and to use it to speed up and distribute the know-how on the fight against climate change. More about this also in our blog post:
https://protontypes.eu/blog/2020/10/05/gathering-open-sustainable-technology/

We consider the use and further development of open technology in this area to be a key issue in the fight against climate change. That is why I would like to add this to your list, but I don't know where exactly this fits in. What do you think? Does this fit on the awesome earth list?

Let people suggest their own links via a Netlify form.

https://www.netlify.com/products/forms/

I've been throwing new links in at the bottom, which means we can do a "recent links" just by popping a few off the end. Let's get this up on the homepage somehow.

We accidentally broke the default sort for links.

I understood the point of the repository and I support its goal. But it is clearly missing (at least) 2 most important economic issues, which have way more impact on life of majority of the people than any of the mentioned in the list. Those are:

1. economic inequality
2. lack of industry regulation

The first makes all the issues mentioned in the repository more felt by those at the bottom than by those at the top. Some studies about this: 1, 2, 3. There are also letters and follow-up letters on the 1st one.

The second one is made clear when you check the data for energy and resources usage, for example in EIA's report. Industry uses 40% of total energy in OECD and 60% in non-OECD countries. The second most common use is for transportation (I can't find data for this), which is again connected to the first.

If you want to make an actual impact on the world, this repository must have those two issues mentioned at the top.

Sustainable Living is full of clothes, and we've got more to add.

Also Tentree.com has loads of sustainable clothing, especially TENCEL/lyocell which is awesome. Mention both of that.

It would be helpful to have an intro that explains different kinds of natural materials, including modal, rayon, bamboo, hemp, cotton, wool, silk, linen, viscose, cupro, etc.

Recently got the category pages switched over to gatsby-source-filesystem and using GraphQL to load, but we could do with switching them to Markdown pages as the editorial content at the top is getting a bit long.

https://www.gatsbyjs.org/docs/adding-markdown-pages/

We need to figure out an approach for people to report greenwashing. It could be a link to a form, or an email us link, or whatever.

We’ve done a fair amount of research on every link that we’ve added, or we wouldn’t have added it, but if we made a mistake (or a company changes course) we need to know that a link should be removed ASAP.

Add a layout which wraps both index and category pages, with a simple top nav and a github ribbon:

<a href="https://github.com/philsturgeon/awesome-earth"><img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_green_007200.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>

Folks can shove emojis in the description if they want but all of the country/globe stuff should be replaced with two-character country code array, or “global” for anywhere.

We can pick the emojis from that on display, and this also gives us the ability to filter by availability in the future.

By pulling a few existing trackers and calcuators (a few websites and apps) out of the existing and (too vague) Carbon Reduction category, then add some of the other links on here, I think we can make a new Footprint Calculator section.

https://discourse.climateaction.tech/t/carbon-footprint-tracking-tools/46

Over the years, I've been collecting similar resources -- but after getting frustrated with how difficult it is to intuitively search projects in a document, I migrated them to a map:

https://miro.com/welcomeonboard/PgGvqc9QgNnvxJPdM5wdwGyp6x8N690D2JDVr91KzyMDSZwluMEwxFz04W5dZzGK

Any interest in creating a similar interface with the Awesome Earth repository?

Best case, it could be an automated process -- so the projects are automatically organized, and the interface re-organizes itself when new categories are made and/or projects are added

We should update siteMetadata.description in gatsby-config.js to better describe what the site is for. This will help bolster our search engine results, and will give us better results when the site is shared on twitter/facebook:

This is a facebook share for the home page, which leaves a lot to be desired, currently:

• update siteMetadata.description to be more descriptive
• ensure an <SEO /> tag is on each page / page template
  • make sure the title and description are populated on each page
  • provide an og:image where apropos

Currently the main website description is showing up in the SEO, Twitter cards, etc. but we should try and get a short description for each category (not the giant intro) into each.

The links should have rel="noopener noreferrer" properties for security and better browser support

More about this: https://mathiasbynens.github.io/rel-noopener/

A PR is on the way to fix this!

The new design has featured "cards" for ones we'd like to make more visible, but we could also consider adding images to them. Maybe using Twitter/React Bootstrap "Cards", or maybe some other way.

Should look ok with an without images.

See which political movements nearby can help. US voting for the jones act repeal would help stop ships and trucks doing so much pointless logistics. Stuff like that.

I just noticed that on the frontpage, the category images are way too big.

All of these are a lot bigger than they should be (pixel and byte size):

e.g. the carbon-reduction image is 7500x4935px and 1.73MB.

Somehow use gatsby-source-filesystem to read category files from src/categories/foo.md and use fromtmatter instead of YAML files. Slug should just be the filename.

This should then let us somehow createPages for everyone category file, and then read the appropriate YAML pages with some GraphQL query instead of directly loading it in.

I have tried 10000 things but I cannot get the redirect for awesom.earth to redirect to protect.earth. please help.

Sharkwater is a good film about shark finning, would it coumt omn this list?

• Gas Land I & II
• Coconut Revolution
• Chasing Coral
• Tapped
• Flow: For the Love of Water
• Chasing Glaciers
• More than Honey
• Virunga

Watch first

• An Inconvenient Truth
• Our Planet
• Before the Flood
• Blue
• Garbage Warrior

Let's swap the default gatsby favicon for something more worldly.

https://emojipedia.org/earth-globe-europe-africa/

Blocked by #40

Some of our categories should probably be tags, and in the future we want more landing pages for tag things.

For now, lets just have a simple page with a list of things that exist for that tag. Copy the categories page entirely, we will differentiate them more later.

https://www.gatsbyjs.org/docs/adding-tags-and-categories-to-blog-posts/

Lets get some fancy looking images to improve the look of the homepage now we dont have all the links on there.

We need to get gatsby-plugin-react-helmet involved so that we can add title, metadata, maybe it can help us reuse category images for the social shares and og stuff. I dont know what im talking about I think those are words.

  <Helmet
      title="The Gray Web Blog"
      meta={[
        { name: 'description', content: 'Sample' },
        { name: 'keywords', content: 'sample, something' },
      ]}
    />

More information over here: https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-react-helmet

We'll need a proper redesign as this starter one is being stretched as far as @HeidiHansen and I can get it. Paging @thatleeguy! 😎

Home

The homepage, not too far off from what we got now but better grid, hopefully some sort of logo and hero situation, top nav and a newsletter signup box. Maybe https://emailoctopus.com/ for the newsletter.

Category Page

It would be good to pick out a few great links to feature, give them an image, etc and then the rest of them smaller at the bottom.

Generic Page

We need to be able to add single pages for About, Contributing, and whatever else comes up.

Crowther Lab (who do a lot of climate research and published a few interactie maps) has a page listing a dozen reforestation projects, might be good to copy https://www.crowtherlab.com/get-involved/

Should finance be a separate category? There are some sustainable banks (at least in Germany) that don't invest in the coal industry and other bad actors:

• Tomorrow (Germany, English site+app available)
• Triodos Bank (UK, Netherlands, Belgium, Germany, Spain, France)
• GLS Bank (Germany)
• EthikBank (Germany)

https://climate.careers/
https://greenjobs.glideapp.io/
https://jobs.theguardian.com/jobs/climate-change/
https://www.goodwork.ca/
https://greenjobs.com/

Let's take inspiration from this Spotify page, and have a select your country page.

https://www.spotify.com/nl/select-your-country/

When you pick your country it will show up in our awesome new shared layout, maybe in a really simple footer. Again, just like spotify:

If there is nothing available for a country, grey it out and make it not be a link. No point wasting peoples time if there is no content for that country.

Hi, all. I am new to open-source and Gatsby (as well as React to a certain extent) so I apologize if this is out of place.

I am curious as to how the data in data/links.yaml is able to be used in the components/RecentLinks. It seems like "links" is a global variable of some sort, defined by the base keyword "links" in the yaml file. Would this be a feature of Gatsby, or is there maybe a config js folder that itemizes the ENV/global variables?

EDIT: I was also trying to assign this Issue with a label of "question" but I wasn't able to find the button to do that.

It would be great to use twitter to announce new links posted to the site.

We could use a cloud function triggered by a GitHook or a webhook from Netlify/CI, and tweet a link to the page containing the new link.

Not everything on the volunteering page is volunteering. We should consider a different nomenclature for this page. Maybe "Action" or "engagement", or "get involved"?

My MR #165 was reverted by "reverted import script" commit e4353f0 which is unintended I think. Can you please add it again?

Every week or month or whenever we can change some images for large recommended projects, to push folks towards particular things.

When we get a bunch of new links either via a PR or via the import script we could release them to let folks know there is new content.

Please vote:

• 👍 Useful
• 👎 Annoying

Some pages such as https://ourworldindata.org/ would fit all the categories. How are they supposed to be categorized? Perhaps a new, General category could serve this purpose.

Home owner link repeat twice on the dropdown header menu

Change the title to Land owner on Header.jsx

Some thoughts regarding categories.
Apart from Reforestation, many companies in the field of Agriculture/Food are also doing great work. 2 possible options: Add these two categories to Reforestation or make a new category so that special emphasis on Reforestation stays put. Also, many projects involving forests might involve activities different from reforestation so one possible option is to change it to Vegetation to include more projects under it, avoiding category fragmentation.

Split links.yaml into a NetlifyCMS collection

It would be easier to treat case by case, instead of having a
massive file that gets changed in every change under netlify-cms.

For instructions on setting this up in Gatsby, they've got a tutorial: https://www.gatsbyjs.org/docs/sourcing-from-netlify-cms/#setup

Let's grab a fairly standard editor config for .js, .jsx and Markdown.

Make it easy to share stuff on social media.

1. Obvious social media icons on the top of the page to share the whole category
2. Share icon next to each one which prepopulates a tweet/post like “we found foo.com on Aweson.Earth!” or something like that

Don’t use tracker-injecting crap let’s keep it simple with icons and links.

These links, in the Hygiene section, don't lead anywhere:

Bidet Hose Toilet Attachment -
Buy a F**king Bidet -
RazorPit -