Coder Social home page Coder Social logo

alliance-for-youth-action's People

Contributors

gregmihalko avatar stephenwinsor avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

alliance-for-youth-action's Issues

Style arrows for slideshows

On the campaigns page and elsewhere, we should have a consistent style for the slideshow arrows that we can scale accordingly

State Map page needs some edits

Hi all! The state map page needs a button for seattle. The list also needs to add "Forward Montana" to it. And can we add "Oregon" in front of the "Bus Project"? Thanks!

Staff page spacing

The spacing on the staff page seems a little janky, specifically the lack of spacing between each staff profile. Also, the board lists are spaced oddly - can we change those sections to be white text on the darker blue or something like that so it stands out a bit more? Totally up to y'all but would love if we could make the spacing highlight these folks a bit more.

Add background color classes

  • create color variables in sass file
  • add basic colors (with tints) from designs
  • add reusable classes for adding background colors behind sections on the site

Dropdown menus issue

Not sure if this is appropriate feedback for this stage, but from desktop browsers, the About Page dropdown bunches up against the Campaigns dropdown when you're on the campaigns page.
screen shot 2017-03-20 at 3 23 04 pm

Image opacity bug

Redefine style that sets the global opacity for img to be more specific and it must also always have a background color.
screen shot 2017-03-21 at 12 21 53 am

Please change staff members to all be in one *column

Running into some readability issues with our staff being in two rows (plus, by random chance of last name alphabetization, when we're in two rows, all our staff of color are in one row & all our white staff are in another - creates a strange impression).

Can we please just shift this layout so it's all one long row?

Thanks!

Limit line length

I can't remember if I flagged this a while back during a flat design iteration, but let's limit line length to 75% (or maybe 2/3 or 3/4 grid -- whichever makes more sense) so that text isn't running all the way across the screen as such:

screen shot 2017-03-30 at 10 05 51 am

header spacing

I'm sure y'all are veryyy aware of this but we'd love if the spacing on the header could be fixed so that there's the same space between each bucket (About Campaigns Local Organizing Donate)

Generate search page

Generate a search page that has autocomplete via an embeded json object of all the key data for the site. Something like:

{
  "posts": [
    {
      "title": "this is the post title for searchability"
    }
  ],
  "terms": [
    {
      "name": "Term name"
    }
  ]
}

Link to blog post doesn't work

Browser: Chrome on Mac

Issue: when i click a link on the homepage to view a blog post, the page doesn't load.

[ insert a snapshot ]

Link directly to affiliate websites

As of right now, we have internal affiliate pages with not content. We don't think we need those. Would be simple enough to just have affiliate content link directly to their websites. Can we please do that?

Add WordPress style conditional booleans functions to the template locals

WordPress provides a bunch of little conditional tags to a page to let you figure out what kind of page you're on. Functions like is_front_page() or is_search() to let you use one template to render different types of pages. Let's add those as boolean values or as functions (for the functions like isPage('this-is-a-page-slug').

It might make sense to just use boolean values, so that you can check which kind of page you're on:

var templateLocals: {
  isPage: false,
  isHome: true
}

For reference:

https://codex.wordpress.org/Conditional_Tags

Make links a different color?

As of right now, links are indistinguishable from other text. Can we please make them some sort of different color?

Glitch with main image on About page when resized

The text on the about page was old. When updated, the image was way too large. When resized, it left a large blue box next to it. Needs to be scaled down to look appropriate to the size of the text without that weird box.

Weird title font issues on About page

As far as I can tell, "The greatest hits of Alliance policy wins" should have the same title font as "The Origin Story" but they're clearly different on the front end.

screen shot 2017-03-20 at 6 00 59 pm
screen shot 2017-03-20 at 5 59 28 pm

Design: Photo treatment tweak

Hey y'all,

We've got a consensus that at least on the front page, we don't want the color of the photo treatment to be so close to the color of the main text. Can you make it a different shade of blue, please?

Thanks!

Hover states for post links with images

  1. For links to content that also have an image, if the image functions as a link as well, it should have a hover state.

  2. If the post title and sub title both link to the same place, the hover state should activate for both when either is hovered, versus independently.

ldle7dnv5w

Get post type archive pages

Generate pages for posts, categories, and whatever other pages might have archive pages for their post types.

Top nav behaves differently on different pages

Browser: Safari for Mac

Issue: The horizontal and vertical spacing of the top nav seems inconsistent on different pages (shorter on the pages w/o sub-page it seems), the horizontal location of the top nav seems to change on different pages, and there are some issues with the text of the sub-nav items running into each other.

ckk0i60uvw

different fonts - design

Hi all,

Quick design question - are these lower case fonts all different?
screen shot 2017-03-30 at 9 25 06 am

I don't love the "Poppin Campaigns" font as it strikes me as super cartoon-y. Is it possible to have that be the same lower case font as the others?

Design tweaks on front page

Hi Greg, feel free to ignore this if it's not possible for the soft launch, but we're curious if you can change the top of front page to the main blue color instead of the teal (or at least change the top banner to the blue with the all white logo)? The bottom footer is so much easier to read than the top area and I think that's because of the contrast of that dark blue.

Inaccuracies on E Pluribus Awesome Map

Should have a dot in Seattle, Washington. Should have two dots in Colorado (Denver & Boulder). Should have dots in Ohio for Columbus, Dayton, and Kent.

Should not have a dot in the northeast.

Swap AYO donate form for AYA donate form

I think y'all are pulling the wrong donate page for the site. You're using the c3 donate page and it should instead be the c4 donate page - "Support the Bus Fed Action Fund"

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.