Coder Social home page Coder Social logo

commonknowledge / crimes-of-solidarity Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.54 MB

A new database website documenting crimes of solidarity and humanitarianism

Home Page: https://www.crimesofsolidarity.org/

License: GNU General Public License v3.0

JavaScript 2.75% TypeScript 94.91% CSS 2.34%
nextjs react typescript

crimes-of-solidarity's People

Contributors

austinkelmore avatar conatus avatar gemcopeland avatar janbaykara avatar king-mob avatar

Stargazers

 avatar

crimes-of-solidarity's Issues

Law and cases

This is extremely minor but the heading '212 law and cases' should be '212 laws and cases' (plural). I can't see how I can amend that. It was correct before so I'm not sure how the s got dropped. Thanks

Text in search box

In the general search box, though it's just a free text search of all cases, the grey text in the box says something lie 'search for countries, types etc'. Can this be changes just to 'search' so it is clear to people that they can search the whole site. Someone asked me today if I could add a search function so they could see all the cases involving 'search and rescue' and they hadn't realised they could use that search box to do that.

Assess implications for Airtable's change of attachment URL functionality

Relevant support article on the change: https://support.airtable.com/hc/en-us/articles/4852449595671-Changes-to-Airtable-attachments

In an effort to increase attachment security, on November 8th, 2022 Airtable will be incorporating expiring links functionality. That means when you share attachments stored in Airtable via URL with external colleagues the link you provide them will expire after a couple of hours. Read on to learn more about how to prepare for the upcoming changes.

Currently, Airtable attachments include a static URL where the attachment can be publicly accessed via a web browser. These links never expire and could be accessed by anyone who obtains the attachment’s link. This presents a potential security risk for any files that contain sensitive information. For that reason, we are introducing expiring public-accessible attachment links.

I think we're using attachment URLs for action files, which might mean they expire. On the other hand, we're also using next/image, which does some image caching. Do the two cancel each other out, or do we need to figure out a solution?

Change "X cases" on the homepage to "X laws and cases"

From Lucy:

On the main page it says ‘205 cases’ at the top of the list. But I realised that some of these are laws and some are cases. So I need it to say ‘xx laws and cases’. I know it’s less elegant but a new law isn’t a case so I think probably it needs to be correct. What do you think?

Test company

When you click on a case in the box that comes up it says 'Company' and 'Test company' in the bottom right hand corner. I think this is a legacy of the game worker site. Can you please get rid of it?

Add zoom controls to map

Hey @King-Mob,

How much work would it be to add zoom controls to the map? Just Mapbox default ones would be fine. I know that you can double click it, but Lucy was asking if we could also add controls.

Fine-tuning of the styling

Here are the things I've noticed:

Typography

  • Limit the width of the “Crimes of Solidarity and Humanitarianism” text in the header to 40%

Screenshot 2022-05-19 at 16 51 22

  • Smaller page title should be slightly bigger – 2rem

Screenshot 2022-05-19 at 17 35 29

  • Change tag and link text to PT Mono

Screenshot 2022-05-19 at 16 54 14

  • Body text should always be PT Serif Regular – never sans serif (e.g. on the open card, About page, Analysis, links)

Screenshot 2022-05-19 at 16 56 48

Screenshot 2022-05-19 at 17 05 01

  • “2019” and “7 cases” should both be 18px

Screenshot 2022-05-19 at 16 56 20

  • Remove emoji flags everywhere
  • Heading text has text-spacing applied on mobile – please remove
    IMG_6811

Hover states

  • Remove any of the inner shadows on buttons or cards – hover state should be a 1px blue outline

Screenshot 2022-05-19 at 16 51 27

Screenshot 2022-05-19 at 16 51 32

Screenshot 2022-05-19 at 16 52 52

Screenshot 2022-05-19 at 16 53 08

  • Add a hover state to the “Load more cases” button

Padding

  • Add more padding between each year group of cards – should be 60px
  • Add more padding around the search icon

Screenshot 2022-05-19 at 16 57 40

  • Add more padding (60px) between the nav and header on About and Analysis pages
  • Add more horizontal padding (30px) to the footer links

Hard-coded content

  • The “Let us know” link is going to Gameworker email – change to Lucy’s ([email protected]) instead
  • “Have more info about this action?” should be “Have more information about this case?”

Map and timeline improvements

  • The sea should be light grey (#E9E9E9) to make the countries stand out
  • Please change map marker to this svg and remove the flag emoji

Screenshot 2022-05-19 at 17 14 33

map-marker

  • Is there a way for the cards to display over the map without being cut off like this?

Screenshot 2022-05-19 at 17 18 55

  • Add a hover state to the timeline on desktop

Screenshot 2022-05-19 at 17 01 13

  • On mobile, we should display only every 10 years (2000, 2010) so that the full year is displayed.
    IMG_E4A804227212-1

  • What do you think about adding a horizontal scroll to the timeline to make the years easier to tap @King-Mob?

  • This is an enhancement, but should we add something to show people there are no results on mobile? You don’t see the list update because of the small screensize.

Set up analytics

From Lucy:

Where can I find the analytics. This will be important for making the case for sustained funding in the future so I need to keep a record of the stats.

@King-Mob are there analytics set up already? If not, @janbaykara could probably do that as he quite enjoys it I think!

Test issue

Just testing that I'm doing Github right by submitting an issue here....

Remove "Passed validation" checkbox in the Submit case form

From Lucy:

On the ’submit a case’ page people should not be able to tick ‘has passed validation’. That will be done when they are submitted. Name and slug also probably won’t mean anything to the users so I would hide them and I will make a title and slug when I am doing checks.

Filter improvements

  • Filters are resizing when more than one is applied

Screenshot 2022-05-19 at 17 51 34

Screenshot 2022-05-19 at 17 02 44

  • On mobile, we should probably go with either two columns of filters of even width. The spacing between dropdowns is a bit wonky as is. Also please remove the rounded edges of the search bar.

Screenshot 2022-05-19 at 17 49 23

Screenshot 2022-05-19 at 17 49 32

  • Years in the dropdown should be reversed so the most recent year is first

Screenshot 2022-05-19 at 17 01 46

  • Change “Status of Accused” to “Status”
  • Remove the rounded edges of the open dropdowns and add an outline.
    Should look like this instead:

Screenshot 2022-05-19 at 17 02 06

  • Add an active marker for the selected option in the list (this is a nice-to-have, but it would help with UX)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.