nationofmakers / nationofmakers.github.io Goto Github PK

View Code? Open in Web Editor NEW

22.0 13.0 15.0 6.16 MB

Track and deliver the Nation of Makers website

Home Page: http://nationofmakers.github.io

HTML 95.15% CSS 4.85%

nationofmakers.github.io's People

Stargazers

Watchers

Forkers

stevegt beelucid stevenstrand jdellinger andybraren adamobeng imclab web5design schneidy millracetheatre thejameswilliam tanju-b bpaplow

nationofmakers.github.io's Issues

Member Organization Signup CTA on Get Involved page

This is a later objective which needs to be better defined after the Nov15 milestone.

Put email link below board section

Per Dorothy:

I like the new contact us button 🙂 If it won't make you hate me, is there any way we can move it below the Board of Directors' pictures? It kind of looks random now that it's not a contact the Board button.... is going away now so I can stop adding work for you all

Donation CTA on Get Involved page

We want to inform visitors how they can donation and what they can donate. This is a placeholder for now.

Blocked on IRS status and incorporation

Display Letters of Support for Get Involved

Display social proof of Letter of Support in the Get Involved page. Might also consider sharing these letters on Member Organization listing with prominent indicator.

Likely want to include institution letterhead in display for further authenticity.

Blocked on Support Letter content

HTML validation errors

index.html and about/index.html contain a number of HTML validation errors, some of which affect accessibility.

As reported by validator.nu:

"file:index.html":10.5-10.105: error: Bad value “https://fonts.googleapis.com/css?family=Crimson+Text|Open+Sans:400,700” for attribute “href” on element “link”: Illegal character in query: “|” is not allowed.
"file:index.html":47.15-47.166: error: The “frameborder” attribute on the “iframe” element is obsolete. Use CSS instead.
"file:index.html":56.9-56.14: error: End tag “div” seen, but there were open elements.
"file:index.html":43.9-43.35: error: Unclosed element “section”.
"file:index.html":120.47-120.52: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:index.html":120.107-120.112: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:index.html":162.17-162.72: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:index.html":175.17-175.74: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:index.html":188.17-188.76: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:index.html":203.17-203.70: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:index.html":259.5-259.10: error: Stray end tag “div”.
"file:about/index.html":10.5-10.105: error: Bad value “https://fonts.googleapis.com/css?family=Crimson+Text|Open+Sans:400,700” for attribute “href” on element “link”: Illegal character in query: “|” is not allowed.
"file:about/index.html":62.17-62.70: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":104.17-104.76: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":134.83-134.88: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:about/index.html":134.89-134.93: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:about/index.html":135.77-135.82: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:about/index.html":135.83-135.87: error: Named character reference was not terminated by a semicolon. (Or “&” should have been escaped as “&amp;”.)
"file:about/index.html":136.71-137.21: error: Saw “<” when expecting an attribute name. Probable cause: Missing “>” immediately before.
"file:about/index.html":136.71-137.23: error: A slash was not immediately followed by “>”.
"file:about/index.html":136.71-137.24: error: End tag had attributes.
"file:about/index.html":145.19-145.69: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":184.19-184.72: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":193.25-193.28: error: Element “li” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.)
"file:about/index.html":196.25-196.28: error: Element “li” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.)
"file:about/index.html":199.25-199.28: error: Element “li” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.)
"file:about/index.html":202.25-202.28: error: Element “li” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.)
"file:about/index.html":209.23-209.26: error: No “p” element in scope but a “p” end tag seen.
"file:about/index.html":218.19-218.68: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":255.19-255.70: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":275.19-275.69: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":360.19-360.74: error: An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
"file:about/index.html":375.9-375.14: error: End tag “div” seen, but there were open elements.
"file:about/index.html":35.7-35.58: error: Unclosed element “section”.
"file:about/index.html":376.7-376.16: error: Stray end tag “section”.
"file:about/index.html":395.5-395.10: error: Stray end tag “div”.

Create a README

Describe what users need to do to change content of the site. Starting with #21 (comment)

Design NoM site UI/UX

The design of the site should allow simple navigation, easy readability of content, quick navigation to key pages, and incorporate the brand and identity of the NoM (#22).

The deliverables would be sufficient instruction and assets to produce an HTML/CSS/JS shell of the NoM website. Design and styles should account for different content included throughout the site and "comfortably" accommodate that content. This includes basic content elements as well (p, div, h1-h6, pre, blockquote, img, strong, em, etc.)

linkify "Why She Makes"

...in about/index.html

Generate Transition Team Bios

100-150 word summary
photo at least 800px width by 800px height
email address (optional)
canonical url(s) (optional)

Team Bios needed from

Bergen
Chad
Dana
Dorothy
Ian
Kari
Kipp
Steph

Layout Nov15 Site

Create a simple outline to support the following content in a Coming Soon site:

Introduction (#5 )
Brief about/history (#15)
Mission, Vision, Values ( #25 )
Board of Directors bios ( #1 )
Transition Group bios and contact form pointing to email ( #3 )
Newsletter signup form ( #27)

Include Newsletter Signup form on Nov15 Site

The site should include a signup form for the NoM Newsletter.

tweak Chad's card

From slack: "Could you add Co-Founder and Producer of Maker Faire Pittsburgh (http://www.makerfairepittsburgh.com) on my profile?"

Gather past Press content about NoM

Find any and all press references, articles, blog posts, and stories. Both created by members, the press and the public. Please attach the URL, PDF, or media to this issue directly. High res media is available, please.

BUG: Newsletter Signup Mailchimp pointing to incorrect address

The Mailchimp newsletter signup and confirmation email are pointing to nation-of-makers.com rather than current site.

Get Involved page layout

The Get Involved page represents the most important Call-to-Actions from the Nation of Makers. It will consist of the following content:

Upcoming Meetings list (#6)
Letters of Support from Member Organizations (#9)
Open Application for the Executive Director position (#14)
Slack signup request/CTA (#11)
Membership signup request/CTA (#12)
Financial Donation (How and What to Donate) (#13)

Some of these sections have other issues open to gather their copy/content and should be coordinated appropriately.

Alignment issue with Info Email Link

Oddly aligned email link.

Get rid of "contact transition group" button at http://www.nationofmakers.us/about.html?

Do we still monitor this address? Do we want it out there still?

About page layout

The About page represents a 10k foot summary on the Nation of Makers. It will consist of the following content:

Mission (#25)
Vision (#25)
Values (#25)
History (#15)
Press Coverage (#16)

Some of these sections have other issues open to gather their copy/content and should be coordinated appropriately.

Application for Executive Director CTA on Get Involved page

In order to attract a competent and motivated Exec Dir for NoM, we want to include a CTA for visitors to be aware of this ask and help us find the appropriate individual.

This will probably start with the ask's copy being generated.

Contact Us page

How will visitors be able to contact us?
What content to show?

Formalize NoM identity

Need a color scheme and brand identity which helps communicate our mission, vision and values. This color scheme and identity should be used consistently across mediums.

Deliverables out of this should include:

vector CMYK NoM logo
vector B&W NoM logo
color palette (with identified/consistent primary, secondary, and maybe tertiary color identified)

Please attach files and details directly to this issue.

Add Seed Funders Info

Add button at the top for "Sponsors."

Buttton should scroll to a "Sponsors" section on the main page, at the very bottom, that contains the logos for all seed funders. Logs in the Website Google Drive.

Fix Get Involved link on Year One page

Link doesn't go anywhere

Setup Google Analytics

Someone setup the account and provide the number in this issue. It can be added to the website as described at https://github.com/jekyll/minima.

Nation of Makers Introduction Copy

Produce content for front page of website to welcome visitors, express purpose and provide an invite to action. 150-200 words.

Slack Chat CTA on Get Involved page

A user should be able to initiate the request to join the NoM Slack chat from the Get Involved page. This CTA should be considerate of the experience and simplicity of managing the pipeline.

Generate Board of Directors Bios

Once we are aware of the Board of Directors, summary bios need to be generated.

They are:
Harley DuBois - Co-Founder of Burning Man, Board member of Burning Man and among other things has served as the city manager for Black Rock City for 10 years and is the co-founder of the Black Rock Arts Foundation.
Pamela L. Jennings - is currently a Professor of Innovation and Entrepreneurship in the Faculty of Business in the College of Arts, Sciences, Business and Education at Winston State Salem University and was formerly the Director of the Center for Design Innovation, a collaboration between Winston-Salem State University, the UNC-School of the Arts and Forsyth Technical Community College.
Adam Savage

Need 100-200 words about person's accomplishments and what they bring to the table as a NoM Board member.
Need a photo of the member's head that is at least 800px x 800px

Wrap static site build tools into container

To make the tools easier to maintain and more portable for others to use, we should put all of the tools required to manage the static site generation and related tasks into a self-sufficient container (Docker, pls?) for use by the team.

Deliverables include instructions for the use of the container and it's contents.

Spike static site framework

Stand up a framework for the site that allows simple content management via github.com repos and little management of the generation pipeline (if any needed).

remove stray name and linkify url in Pamela's director card

Somehow an extra copy of her name crept in there in an earlier commit. Fix that and turn the URL into an href.

Produce NoM Official Logo

What is the temporary/official logo that we're using for NoM?

Final Nation of Makers Navigation/Structure

Need to determine the final high-level pages for site structure for inclusion on main site navigation menu.

Likely links:

Home
|- Get Involved
|- About
   |- History
   |- Press
   |- Transition Team
   |- Board of Directors
   |- Board of Advisors
|- Member Organizations
|- FAQ
|- Contact us

Generate Board of Advisor Bios

Need summary bios for Board of Advisors. Requirements TBD

Blocked waiting to get final list of advisors.
Blocked on content requirements.

Upcoming meetings list for Get Involved page

Need a solution to provide a list of upcoming meetings for the Get Involved page.

Questions:
What is the frequency of updates to list?
Who will be updating the list?
What meetings are suitable for the list and what meetings are not?

Make email link open new window/tab

Might want to set target="_blank" for the [email protected] email link.

Add "Volunteer" button on header.

Link to: https://docs.google.com/forms/d/e/1FAIpQLSd9ua9baUOYVC30VOdK0-iCczc7QMufVSPK_btDiDcjR7y0ew/viewform?usp=sf_link

sort BoD cards by first name

...per precedent and conversation with Ian in slack.

Improve Facebook Open Graph compliance for sharability

A report: https://developers.facebook.com/tools/debug/sharing/?q=http://www.nationofmakers.us/
Background and info: https://developers.facebook.com/docs/sharing/webmasters#markup

Courtesy David Brenner in Slackchat. (https://nation-of-makers.slack.com/archives/general/p1480712874002153)

Generate Copy/Content for History of Nation of Makers

In order to inform visitors of the motivation, momentum, and drive of our organization, the History will describe the series of events which helps to establish this collective of grassroots organizers.

Talking points should include:

This should be written as a living story. Target length should be between 500-750 words and should incorporate strong visuals.

Fix email address right-click ability

The consensus on the call this week was that the contact email address should be right-clickable to copy the address itself, rather than e.g. a gmail URL. It appears (as far as I can tell) that we're still doing something in the CSS to break this. (This behavior might be different, depending -- I'm seeing the breakage when using chrome and logged into gmail in another tab.)

For comparison, try right-clicking the same email address in the comments at the top of #50 -- that's the way we were talking about making it work during the phone call. It should simply copy the email address into the clipboard.

how do I get involved?
what kind of orgs/people are welcome?
what does membership get me?
Is NOM sponsored by the government, Whitehouse, or President?
What will happen to the NOM organization after Trump is inaugurated?
Can I donate to NOM, and are donations tax-deductible?
Can NOM help me start/host a makerfaire in my town?

README: Describe reviewer workflow

Add a section to the README, walking reviewers through how to set up a personal fork of the repo and review/accept PRs, probably something like:

Setup

fork repo
set github pages config so fork is viewable at https://username.github.io/nationofmakers.github.io/

Review/Publish PR

pull PR branch to local, push to fork
test, edit if needed
push any edits back to upstream PR branch
if no new edits were needed, merge PR to upstream master -- this will cause github to publish it on the public site
if new edits were needed, get someone else to review/merge (can be original submitter if they have merge auth)

Remove "Letters of Support" Button

Remove the "Letters of Support" button on the header.

captcha error

Subscriber list confirm error: https://nationofmakers.us14.list-manage.com/subscribe/confirm-captcha does not work.

Captcha failed: "ERROR for site owner:
Invalid domain for site key"

Unable to subscribe

On Mac OS: 10.12
Browser: Safari 10.0.3

nationofmakers / nationofmakers.github.io Goto Github PK

nationofmakers.github.io's People

Stargazers

Watchers

Forkers

nationofmakers.github.io's Issues

Recommend Projects

Recommend Topics

Recommend Org