There are a smattering of design/layout issues to resolve; this is a seed issue that should become individual actionable work.

A few examples of the mobile layout problems to be solved:

• The nav bar becomes a list, largely breaking out of the header used in the desktop version
• The blue action buttons break onto two lines (perhaps they could be just stacked and centered for the mobile view)
• The bottom nav area covers and obscures the main content

Using the Meetup.com API or other data export can you calculate the percentage of first time RSVPs to each Meetup that we’ve held since we’ve been on the Meetup platform?

As a user I should be able to download an ICS file that puts the weekly Meetup in my calendar including a link to the Zoom sign-up/redirect.

It would be great if we could update the design of the site to integrate the welcome video:

https://www.youtube.com/watch?v=0q9fZB4aZmk

In the bottom nav "Connect" section, "GitHub Twitter Meetup" appears on one line, but would be more usable if they had line breaks between them.

Current appearance screen grab attached:

As a user, I should be able to add a "video" attribute to https://github.com/codeforboston/CFB_static/blob/master/_data/projects/active.yml and have it appear as a background video in a slide after my project.

@bdougsand @thadk Any interest in seeing if you can make a thing so I can just save something in the below format to a markdown file and it gets its own "page" on the Code for Boston site that looks decent? Additionally would love to have:

1. RSS feed of all posts that we customize/own.
2. Maybe an index page of newsletters linked from the front page?

And for bonus points an importer from the previous newsletters. Really wishing I saved the markdown files instead of overwiritng them every week 🤦🏻‍♂️ , but maybe can reverse engineer from the Mailchimp feed. Not a big deal if we can't, we can always just do going forward.

Greetings Civic Hackers!

As summer breezes give way to autumn chills, we have moved inside at the CIC. Starting on November 1st we will be requiring our in-person attendees to be fully vaccinated or present a negative COVID test to attend Code for Boston. More information on the process for validating this is coming soon, but I share this to let folks know we do continue to offer the option to meet in-person. Once you have joined a project team all you need to do is join a slack channel and confirm your RSVP by Monday at noon, and you’ll be able to have some pizza and see fellow coders on the 4th Floor Kitchen at One Broadway. 

What we’re reading & watching:
- [Sharing Software Throughout the UK: A Case Study of LocalGov Drupal](https://beeckcenter.georgetown.edu/report/sharing-software-throughout-the-uk-a-case-study-of-localgov-drupal/)
- [CivicSource](https://www.civicsource.info/) is a newsletter about how local governments use technology from Katya Abazajian at the Beeck Center.

Matt & The Code for Boston Core Team
<hr>
# Events
<hr>
# Jobs
## [Technology Transformation Service: Engineer](https://join.tts.gsa.gov/join/tts-engineer/)
TTS is looking for talented software developers who will help our partner agencies deliver better digital services to the public. As an engineer at TTS, you will be a builder, contributor, and catalyst. Working with folks across the organization, you will solve large, complex problems while promoting user-centered, open, and transparent culture. The role involves diverse responsibilities — you might be writing code one day, meeting with members from partner agencies another day, and launching a new product that will impact the lives of Americans across the country the next week. TTS values open source development, so most of what you will work on will be open source.
# Project Updates

## [Clean Slate](https://docs.google.com/forms/d/e/1FAIpQLSfZ18U2gHI97WqD-C63NvORCZu1vQX6hfLI4-1FOIA1neaaXw/viewform)
* They are meeting primarily on Thursdays now.
* Working on content and layout for MRCC website and upcoming events.
* Working on research for JavaScript testing framework for DocAssemble.
* Got feedback on what previous data team was using to move that part forward.

## [Police Data Trust](https://github.com/codeforboston/police-data-trust)
* Put up the development site
* Decided on dates
* Issues to milestones for product management
* Data scraping PR was merged and will have some data to process through a couple PRs between API and the UI.

## Mattapan Mapping
* Merging in a big refactor.

I removed the submodule but not the instructions for using it in the README.md

Leadership team information needs to be updated to include the new folk.

Resulting from the #59 merge

Received the following error while setting up the site locally: Dependency Error: Yikes! It looks like you don't have jekyll-redirect-from or one of its dependencies installed. I'm including the full stream-of-command-line-consciousness at the bottom of this post, which shows that once the additional gem was installed, jekyll build ran successfully.

Software Versions:
ruby 2.6.3p62
jekyll 4.0.0
gem 3.0.3
clang 11.0.0

sudo gem install jekyll
Password:
Fetching http_parser.rb-0.6.0.gem
Fetching public_suffix-4.0.3.gem
Fetching addressable-2.7.0.gem
Fetching em-websocket-0.5.1.gem
Fetching i18n-1.8.2.gem
Fetching colorator-1.1.0.gem
Fetching concurrent-ruby-1.1.6.gem
Fetching eventmachine-1.2.7.gem
Fetching ffi-1.12.2.gem
Fetching sassc-2.2.1.gem
Fetching jekyll-sass-converter-2.1.0.gem
Fetching rb-fsevent-0.10.3.gem
Fetching rb-inotify-0.10.1.gem
Fetching listen-3.2.1.gem
Fetching jekyll-watch-2.2.1.gem
Fetching kramdown-2.1.0.gem
Fetching kramdown-parser-gfm-1.1.0.gem
Fetching liquid-4.0.3.gem
Fetching mercenary-0.3.6.gem
Fetching forwardable-extended-2.6.0.gem
Fetching pathutil-0.16.2.gem
Fetching rouge-3.17.0.gem
Fetching safe_yaml-1.0.5.gem
Fetching unicode-display_width-1.7.0.gem
Fetching terminal-table-1.8.0.gem
Fetching jekyll-4.0.0.gem
Successfully installed public_suffix-4.0.3
Successfully installed addressable-2.7.0
Successfully installed colorator-1.1.0
Building native extensions. This could take a while...
Successfully installed http_parser.rb-0.6.0
Building native extensions. This could take a while...
Successfully installed eventmachine-1.2.7
Successfully installed em-websocket-0.5.1
Successfully installed concurrent-ruby-1.1.6

HEADS UP! i18n 1.1 changed fallbacks to exclude default locale.
But that may break your application.

If you are upgrading your Rails application from an older version of Rails:

Please check your Rails app for 'config.i18n.fallbacks = true'.
If you're using I18n (>= 1.1.0) and Rails (< 5.2.2), this should be
'config.i18n.fallbacks = [I18n.default_locale]'.
If not, fallbacks will be broken in your app by I18n 1.1.x.

If you are starting a NEW Rails application, you can ignore this notice.

For more info see:
https://github.com/svenfuchs/i18n/releases/tag/v1.1.0

Successfully installed i18n-1.8.2
Building native extensions. This could take a while...
Successfully installed ffi-1.12.2
Building native extensions. This could take a while...
Successfully installed sassc-2.2.1
Successfully installed jekyll-sass-converter-2.1.0
Successfully installed rb-fsevent-0.10.3
Successfully installed rb-inotify-0.10.1
Successfully installed listen-3.2.1
Successfully installed jekyll-watch-2.2.1
Successfully installed kramdown-2.1.0
Successfully installed kramdown-parser-gfm-1.1.0
Successfully installed liquid-4.0.3
Successfully installed mercenary-0.3.6
Successfully installed forwardable-extended-2.6.0
Successfully installed pathutil-0.16.2
Successfully installed rouge-3.17.0
Successfully installed safe_yaml-1.0.5
Successfully installed unicode-display_width-1.7.0
Successfully installed terminal-table-1.8.0
-------------------------------------------------------------------------------------
Jekyll 4.0 comes with some major changes, notably:

  * Our `link` tag now comes with the `relative_url` filter incorporated into it.
    You should no longer prepend `{{ site.baseurl }}` to `{% link foo.md %}`
    For further details: https://github.com/jekyll/jekyll/pull/6727

  * Our `post_url` tag now comes with the `relative_url` filter incorporated into it.
    You shouldn't prepend `{{ site.baseurl }}` to `{% post_url 2019-03-27-hello %}`
    For further details: https://github.com/jekyll/jekyll/pull/7589

  * Support for deprecated configuration options has been removed. We will no longer
    output a warning and gracefully assign their values to the newer counterparts
    internally.
-------------------------------------------------------------------------------------
Successfully installed jekyll-4.0.0
Parsing documentation for public_suffix-4.0.3
Installing ri documentation for public_suffix-4.0.3
Parsing documentation for addressable-2.7.0
Installing ri documentation for addressable-2.7.0
Parsing documentation for colorator-1.1.0
Installing ri documentation for colorator-1.1.0
Parsing documentation for http_parser.rb-0.6.0
unknown encoding name "chunked\r\n\r\n25" for ext/ruby_http_parser/vendor/http-parser-java/tools/parse_tests.rb, skipping
Installing ri documentation for http_parser.rb-0.6.0
Parsing documentation for eventmachine-1.2.7
Installing ri documentation for eventmachine-1.2.7
Parsing documentation for em-websocket-0.5.1
Installing ri documentation for em-websocket-0.5.1
Parsing documentation for concurrent-ruby-1.1.6
Installing ri documentation for concurrent-ruby-1.1.6
Parsing documentation for i18n-1.8.2
Installing ri documentation for i18n-1.8.2
Parsing documentation for ffi-1.12.2
Installing ri documentation for ffi-1.12.2
Parsing documentation for sassc-2.2.1
Installing ri documentation for sassc-2.2.1
Parsing documentation for jekyll-sass-converter-2.1.0
Installing ri documentation for jekyll-sass-converter-2.1.0
Parsing documentation for rb-fsevent-0.10.3
Installing ri documentation for rb-fsevent-0.10.3
Parsing documentation for rb-inotify-0.10.1
Installing ri documentation for rb-inotify-0.10.1
Parsing documentation for listen-3.2.1
Installing ri documentation for listen-3.2.1
Parsing documentation for jekyll-watch-2.2.1
Installing ri documentation for jekyll-watch-2.2.1
Parsing documentation for kramdown-2.1.0
Installing ri documentation for kramdown-2.1.0
Parsing documentation for kramdown-parser-gfm-1.1.0
Installing ri documentation for kramdown-parser-gfm-1.1.0
Parsing documentation for liquid-4.0.3
Installing ri documentation for liquid-4.0.3
Parsing documentation for mercenary-0.3.6
Installing ri documentation for mercenary-0.3.6
Parsing documentation for forwardable-extended-2.6.0
Installing ri documentation for forwardable-extended-2.6.0
Parsing documentation for pathutil-0.16.2
Installing ri documentation for pathutil-0.16.2
Parsing documentation for rouge-3.17.0
Installing ri documentation for rouge-3.17.0
Parsing documentation for safe_yaml-1.0.5
Installing ri documentation for safe_yaml-1.0.5
Parsing documentation for unicode-display_width-1.7.0
Installing ri documentation for unicode-display_width-1.7.0
Parsing documentation for terminal-table-1.8.0
Installing ri documentation for terminal-table-1.8.0
Parsing documentation for jekyll-4.0.0
Installing ri documentation for jekyll-4.0.0
Done installing documentation for public_suffix, addressable, colorator, http_parser.rb, eventmachine, em-websocket, concurrent-ruby, i18n, ffi, sassc, jekyll-sass-converter, rb-fsevent, rb-inotify, listen, jekyll-watch, kramdown, kramdown-parser-gfm, liquid, mercenary, forwardable-extended, pathutil, rouge, safe_yaml, unicode-display_width, terminal-table, jekyll after 35 seconds
26 gems installed
aronlurie@nason codeforboston.org % jekyll build
Configuration file: /Users/aronlurie/codeforboston.org/_config.yml
  Dependency Error: Yikes! It looks like you don't have jekyll-redirect-from or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. If you've run Jekyll with `bundle exec`, ensure that you have included the jekyll-redirect-from gem in your Gemfile as well. The full error message from Ruby is: 'cannot load such file -- jekyll-redirect-from' If you run into trouble, you can find helpful resources at https://jekyllrb.com/help/! 
                    ------------------------------------------------
      Jekyll 4.0.0   Please append `--trace` to the `build` command 
                     for any additional information or backtrace. 
                    ------------------------------------------------
aronlurie@nason codeforboston.org % ls
CNAME			_rooms			favicon.png		ndoch.html
LICENSE			_sass			hackathon.html		old_ndoch.html
_config.yml		about.html		hacknight.html		projects.html
_data			code-of-conduct.md	img			readme.md
_includes		css			index.html		style_guide.html
_layouts		event.html		js			tools.html
aronlurie@nason codeforboston.org % ls -a
.			_data			event.html		old_ndoch.html
..			_includes		favicon.png		projects.html
.git			_layouts		hackathon.html		readme.md
.gitignore		_rooms			hacknight.html		style_guide.html
.jekyll-cache		_sass			img			tools.html
CNAME			about.html		index.html
LICENSE			code-of-conduct.md	js
_config.yml		css			ndoch.html
aronlurie@nason codeforboston.org % sudo gem install jekyll-redirect-from
Fetching jekyll-redirect-from-0.16.0.gem
Successfully installed jekyll-redirect-from-0.16.0
Parsing documentation for jekyll-redirect-from-0.16.0
Installing ri documentation for jekyll-redirect-from-0.16.0
Done installing documentation for jekyll-redirect-from after 0 seconds
1 gem installed
aronlurie@nason codeforboston.org % jekyll build                         
Configuration file: /Users/aronlurie/codeforboston.org/_config.yml
            Source: /Users/aronlurie/codeforboston.org
       Destination: /Users/aronlurie/codeforboston.org/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
                    done in 0.092 seconds.
 Auto-regeneration: disabled. Use --watch to enable.
aronlurie@nason codeforboston.org % jekyll serve --livereload
Configuration file: /Users/aronlurie/codeforboston.org/_config.yml
            Source: /Users/aronlurie/codeforboston.org
       Destination: /Users/aronlurie/codeforboston.org/_site
 Incremental build: disabled. Enable with --incremental
      Generating... ```

I work at a place with a web proxy! I suspect it is blocking all of the assets. Hopefully there's a way around this?

The current web design does not include a jobs page. This either needs to be created, or we should remove references to the jobs page and direct folks to the #jobs channel in slack with a direct link.

It might be worth adding logos of organizations we've partnered with to the front page or making partner pages.

We need to add the other social media links to the site:

Twitter | YouTube | Facebook | Instagram | LinkedIn | GitHub

@thadk
I noticed that perhaps the codeforboston.org could use one or two minor updates and remembered you'd mentioned you'd done some work recently on it. It's been a while since I did anything.....so really starting from scratch. Curious if you or @mzagaja have any thoughts.

When I try to follow the instructions to build the site, I am getting a failure when I attempt Jekyll Build. Here's my output. I'm on windows 10, using the RubyInstaller first, then doing a build of a cloned repo I have locally. I tried to get the version of jekyll to see if maybe that was the issue?

C:\GitHub\codeforboston.org>jekyll build
Resolving dependencies...
C:/Ruby30-x64/lib/ruby/3.0.0/bundler/spec_set.rb:91:in block in materialize': Could not find github-pages-205 in any of the sources (Bundler::GemNotFound) from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/spec_set.rb:86:in map!'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/spec_set.rb:86:in materialize' from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/definition.rb:190:in specs'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/definition.rb:259:in specs_for' from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/definition.rb:241:in requested_specs'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:91:in block in definition_method' from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:20:in setup'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler.rb:149:in setup' from C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-4.2.0/lib/jekyll/plugin_manager.rb:52:in require_from_bundler'
from C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-4.2.0/exe/jekyll:11:in <top (required)>' from C:/Ruby30-x64/bin/jekyll:23:in load'
from C:/Ruby30-x64/bin/jekyll:23:in `

So after some further digging, I found that I had a version of ruby that was too new and the dependencies were outdated.

C:\GitHub\codeforboston.org>bundle install
Fetching gem metadata from https://rubygems.org/...........
Resolving dependencies...
minitest-5.14.1 requires ruby version ~> 2.2, which is incompatible with the
current version, ruby 3.0.2p107

So I then kept down the rabbit hole and found this to be the case:
https://bundler.io/guides/updating_gems.html

And using bundle update did not fix anything. I still end up with this error:

C:\GitHub\codeforboston.org>jekyll build
C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:302:in check_for_activated_spec!': You have already activated i18n 1.8.10, but your Gemfile requires i18n 0.9.5. Prepending bundle execto your command may solve this. (Gem::LoadError) from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:31:inblock in setup'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/spec_set.rb:159:in each' from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/spec_set.rb:159:in each'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:26:in map' from C:/Ruby30-x64/lib/ruby/3.0.0/bundler/runtime.rb:26:in setup'
from C:/Ruby30-x64/lib/ruby/3.0.0/bundler.rb:149:in setup' from C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-4.2.0/lib/jekyll/plugin_manager.rb:52:in require_from_bundler'
from C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-4.2.0/exe/jekyll:11:in <top (required)>' from C:/Ruby30-x64/bin/jekyll:23:in load'
from C:/Ruby30-x64/bin/jekyll:23:in `

I do not think this is the desired view in mobile. I am open to design improvements that better organize the buttons in this mobile view, or that are faithful to the original designers intent. But the desktop view should not change, or only change minimally in response to this issue.

Currently the newsletter isn't so obvious to new visitors.

Now that it is more important, should email newsletter appear as a email box with a subscribe button on front page?

Code for America's just has a button at bottom right corner.

Fix this.

A the moment, the mobile view applies the Call to Action buttons stack in an manner that's not terribly visually appealing.

Vertically stack these and look at putting them in a proper button group.

Maintain proper horizontal alignment when more screen real estate is available (ie. desktop)

Create a page to show the people on the leadership team and their contact information.

Make the alias names for joining a project video channel open in a new window or tab

In the current view this looks a little close to me:

I would love to see a little more spacing between "EnerSave" and the text below it.

Request from @lianilychee as part of redesign. Should add photos to the project leads contact information, something like:

Currently missing these photos; please attach to this issue.

Also: missing contact information and lead names for some projects: MuckRock, My City Voice App, Cliff Effects.

Since we do not use reveal.js it no longer sparks joy for me inside this code base.

Current Behavior

Right now, the Code for Boston site is blocked by the footer in all mobile viewports. Consider the following screenshots of popular devices:

Pixel 2	iPhone 6/7/8	iPhone X

In all instances, the content of the display is extremely difficult to view and scroll as nearly half of the content area is covered by the fixed footer.

Proposed Solution

The footer of the Code for Boston site should be fixed to the bottom of the content area, so that the user can scroll to the bottom of the site to find more detailed information about the group. Relevant and high-visibility links to Meetup, Slack, and organization projects are already available. Viewers of the site that wish to learn more can be trusted to scroll past the main body sections of the landing page.

This issue is addressed when the footer no longer inhibits use of the site on mobile devices

Can we rename this repo to codeforboston.org so that folks are more likely to find it and also pin it to the top of the GitHub organization?

Guide for New Members currently directs to http://www.codeforboston.org/new-members/ and returns a 404 error.

Purpose: Provide the media, projects, and other interested parties with easy access to codeforboston branding assets including logos, logotype, color palette information, and other sources. Encourage proper use and advance the brand.

A slimmed down use of examples:

https://brand.netflix.com/en/assets/
https://en.facebookbrand.com/assets
https://brand.redhat.com/elements/color/

Per Thad's recommendation: https://www.netlifycms.org/docs/jekyll/

Write a script that can on a regular basis submit the weekly Meetup to StartHub by pulling our event form the Meetup API and then potentially filling out the form using automated means.

Content for each page on codeforboston.org is left justified, but on cfb.thadk.net it's centered. Return codeforboston.org content to being centered.

current:

thad's site, centered, desired:

Following https://support.google.com/analytics/answer/1136920?hl=en it would be helpful to track outbound link clicks to Slack, GitHub, etc. to get an idea of whether people are clicking those things.

We should have a separate page for leadership and their contact info outside code of conduct.

Somewhere on the site that is easy to find people who want to share job postings should be directed to share them on the Slack Team in the #jobs channel. We might also consider having a separate process to direct them to https://jobs.codeforamerica.org for posting jobs. We should at least also direct members to jobs.codeforamerica.org as well.

Using the documentation at https://api.slack.com/docs/deep-linking#app_or_bot and https://get.slack.help/hc/en-us/articles/360003827751-Create-a-link-to-a-member-s-profile-#free,-standard,-and-plus-plans-1 it would be great to add deep linking to the appropriate slack channel for a project and the user profile for the project lead or leads. This way new users can more easily find and connect with project and project people in Slack.

Hackpad references should be removed since it is defunct.

Current mobile site looks like:

Probably just needs some CSS refactoring.

Currently:

Provide instructions in the README for building the Jekyll site, including nod to Ruby installation. May assign to me at @ALRubinger and I'll submit a PR.

• Page with COVID-19 Information + Banner at top of Site
• Separate the Submit a Project from the Active/Current Projects

The interactive film documentary slide did not display on the presentation.

It would be awesome if we could automate pushing updates of the text in the Code for Boston slideshow to the active.yml file.

The current logo is not ideal for social sharing, we should potentially debug and find a good social sharing image.

The Code for Boston hackathon dates have been set for April 6th and April 7th, 2019. The event will be graciously hosted at Jobcase in Kendall Square.

This issue is designed to address the need for a website with centrally located information for interested attendees to learn more about the event and register. The site should have, at the very least, the following pieces of information:

• Dates and venue information
• A link or button pointing to event registration
• Event and participant contact information (for questions, sponsorships, etc.)
• Frequently Asked Questions
• Event schedule (check-in period, hacking period, meals, etc.)
• Sponsor links

This issue is addressed when an aesthetically pleasing site page is generated that achieves all of the goals above while providing an easy point of entry for interested hackers to learn more and register for the event.

Site Content / Layout Inspiration

One Page Event Layouts
Major League Hacking Hackathon Events

On http://www.codeforboston.org/new-members/

clicking "Join Our Slack Community" takes me to an error page saying "There's nothing here, yet."

See if we can't standardize the CSS/JS with a known framework for consistency and easier maintainability. Part of the site redesign work in #59 .

Devise a dashboard and light governance model for that enable a high-level view of the current state of projects in the brigade and their needs.

This may act as a central point to encourage involvement with Code for Boston's current projects. Implement in such a way that leads may, on a weekly basis, review their information and easily make updates to be surfaced on the codeforboston.org site.

This may be assigned to me at @ALRubinger

Chrome now reports the site as insecure.

Even static sites served without SSL are subject to man-in-the-middle attacks and Phishing attempts.