• Create a new subdirectory resources.
• Move resources.html to resources/index.html.
• Merge resources-add-ons.html and resources-development-environments.html into resources/extend.html.
• Add labels like those from Bootstrap and in the pyramid_debugtoolbar and even here in GitHub for:
  • official
  • package
  • add-on
  • development environment/framework (choose one, not both)
  • each of the categories (APIs and Services, Authentication, Configuration, etc.)
• Use either just checkboxes or a button group, checkbox example either in an Affix or at the top of the page to filter (show/hide) each of the labeled projects.

Font is Open Sans (just like the site) Tried uploading the .psd in a zip but github kept yelling at me.

White version

Not sure on text color for either options

entity name: Snapsat
entity category:
[ ] company
[•] organization
[•] free and libre open source project or application
[•] website
description: We're in love with the opensource geospatial movement, and we wanted to contribute something back to it. Landsat is an amazing program — we wanted to make it accessible to anyone, regardless of their technical background.
maintainers: Constantine Hatzis, Joel Stanner, Mark Saiget, Jake Anderson, Jacques Tardie
logo: https://avatars.githubusercontent.com/u/11448531?size=100
project URL: http://snapsat.org/
demo URL: http://snapsat.org/guide/#walkthrough
pypi URL:
version control URL: https://github.com/recombinators

Wow this has taken me entirely too long to post. I met y'all at Pycon and was invited to fill this out to get on the website. If you have any questions please hit us up at [email protected] !

See screenshot.

To repeat:

1. Visit the URL https://trypyramid.com/resources-extending-pyramid.html
2. From the filter packages select menu, select "Support: Unsupported".
3. While the select menu is open, the number of packages displayed will be four, and the menu will extend beneath the footer and become obscured.

Ideally the select menu would push down the content. I've tried fiddling around with various CSS properties, but could not come up with the magic combination.

entity name: Lex Machina
entity category: company
description: We mine litigation data, revealing insights never before available about judges, lawyers, parties, and patents, culled from millions of pages of litigation information.
logo: https://lexmachina.com/wp-content/uploads/2016/02/logo2016.png
project URL: https://lexmachina.com/
demo URL: https://law.lexmachina.com/
version control URL: https://github.com/LexMachinaInc/

@blaflamme what is the pattern for adding new pages under the main navigation items? See the proposed sitemap: https://github.com/Pylons/trypyramid.com/wiki/Site-Map-of-trypyramid.com

We need new pages for resources/add-ons.html (#49) and media/downloads.html (#38 and #37).

Without guidance, I'll just make it up and keep pushing forward.

Don't have one, need one. Existing trypyramid.com doesn't have one, so putting this in 0.2.

Blaise, if there's already a favicon.ico in one of the scaffolds/themes, re-assign to me and I'll get it into this.

I propose setting up whatever standard stats and tracking stuff we use on pylonsproject.org including the following.

• Google Webmaster Tools
• Google Analytics
• website statistics on the server
• other?

• Pull content from wiki pages:
  https://github.com/Pylons/pyramid/wiki/Companies-and-organizations-that-use-Pyramid
  https://github.com/Pylons/pyramid/wiki/Projects-that-use-Pyramid
  And slider on home page of PP.org:
  https://github.com/Pylons/pylonshq/blob/master/pylonshq/templates/home/home.mako#L79-L118
• Come up with a better name for the page than "Who's Using Pyramid"
• Determine which companies actually use Pyramid from this list #22 (comment) @goodwillcoding
• Hunt down high quality logos. @stevepiercy
• Update content with logos. @stevepiercy
• Design layout for content. @blaflamme

At the time of submitting this ticket, the following URLs all have exactly the same title:

• https://trypyramid.com/
• https://trypyramid.com/resources.html
• https://trypyramid.com/resources-extending-pyramid.html

Giving each page on a site the same title is bad for several reasons:

1. It is poor search engine optimization. I'm not sure whether Google automatically dings websites for the practice, but either way, if you search for something like "Resources for Extending Pyramid", the Extending Pyramid page should popup. However, if Google uses the title as-is, it will read on the search results page, "Welcome to Pyramid."
2. Additionally, just now, in trying to find that page in my browser history, I could only find it by URL. All the TryPyramid.com pages in my browser history had the exact same title.
3. If I were to bookmark any of these pages, to make them useful, I'd have to create a new title myself.

http://localhost:8080/#start-small
http://localhost:8080/#finish-big
http://localhost:8080/#stay-finished
http://localhost:8080/#supports-your-decisions
http://localhost:8080/#artisans

We cannot assume that contributors know our process for accepting and publishing contributions when it's not documented.

GitHub uses contributing.md:
https://help.github.com/articles/setting-guidelines-for-repository-contributors/

Example from another Pylons Project:
https://github.com/Pylons/pyramid/blob/master/contributing.md

Send the current Pyramid logo for incorporation into their products and projects. Please add to the list.

• JetBrains/PyCharm
• Plone Conference (cewing)
• https://ziggurat-foundations.readthedocs.io/en/latest/
• https://en.wikipedia.org/wiki/Pylons_project
• https://docs.immun.io/docs/python-with-pyramid

@blaflamme I'd like your thoughts on this issue. Do you know of other jQuery plugins that would be better?

Combine these two pages into one.

Pyramid add-ons
https://trypyramid.com/resources-add-ons.html

Pyramid development environments
https://trypyramid.com/resources-development-environments.html

=>
Extending Pyramid
https://trypyramid.com/resources-extending-pyramid.html

Add the jQuery plugin Isotope
http://isotope.metafizzy.co/

Customize the layout, styles, animations.

Work is on the branch page-extending-pyramid.

This can't be right:
https://trypyramid.com/wompwomp.pitwee!

We need a thundering horde of mummies instead!

Add your business, organization, project, or website to the Powered by Pyramid page on trypyramid.com by providing the following information:

• entity name:
• entity category (choose one):
  • company
  • organization
  • free and libre open source project or application
  • website
• description:
• maintainers:
• logo (will be resized to 700x200 pixels (HxW):
• project URL:
• demo URL:
• pypi URL:
• version control URL:

@uralbash please provide the following if available.

• entity name
• entity category: company|organization|open source project
• description
• logo
• project URL
• demo URL
• pypi URL
• version control URL

Once we reach a certain point (after updating what is visible but before announcing to pylons-discuss) we need to remove the other repo at Pylons/trypyramid as it will only be a confusion magnet.

I assume that the bold text under Start Small / Finish Big / Stay Finished in the bulleted list items is intended to be converted to links to the documentation and other existing assets.

If that is not the intent, then please close this issue.

The Hello World example on the home page emphasizes "quick" and "easy to start" before any other selling point. No one develops web apps in Pyramid in the manner shown in the Hello World example. It's Flask-y. Let's kill this section.

• Add two more representative code examples to PR #47 .
• @blaflamme tweak the design and layout

• Add links for Agendaless Consulting and Pylons Project.
• Make the current year dynamic instead of hard-coded 2015.

We need a staging environment so that we can make it easier to review changes and collect feedback. Iterative process FTW!

Todos

• Determine who should have access and grant it (currently only @stevepiercy).

The following are the only relevant settings.

Profile

• Profile photo
• Header photo
• Theme color (currently #bf1e2d)
• Bio
• Location
• Birthday (due to COPPA, Pyramid is too young to use Twitter, lol)

Follow

• Following
• Followers

Lists

• Subscribed to
• Member of

Settings

Account

• Email (currently [email protected])
• Time zone (currently GMT-08:00 Pacific)

Email notifications

• Only My Tweets get a reply or I'm mentioned in a Tweet, I'm followed by someone new, I'm sent a direct message

Web notifications

• Only My Tweets get a reply or I'm mentioned in a Tweet, I'm followed by someone new, I'm sent a direct message

Design

• Background image (optionally tiled)

See http://webdesign.tutsplus.com/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015

We will need to create various sizes of all the images used on:
https://trypyramid.com/community-powered-by-pyramid.html

Create new page under Resources to list all the Pyramid add-ons. This page shows the extensibility of Pyramid and is targeted toward the developer who can choose a la carte from all the add-ons. It will replace the section "Pyramid add-ons" http://docs.pylonsproject.org/en/latest/docs/pyramid.html#pyramid-add-ons

• Create new page resources/add-ons.html
• Update link on resources.html

We need a robots.txt file for SEO.

User-Agent: *
Allow: /

https://github.com/OpenCIOC/openciocdotorg/blob/master/img/cioc_logo_open_sm.png

• Create page, add to nav, etc.
• Twitter widget
• Google Group widget
• GitHub widget (blocked)
• Choose Twitter handle and update widget

Ping @blaflamme. Our certificate Let's Encrypt has expired. I just configured LE for my virtual host and set up a cron job, using certbot. Let me know if you need help.

See the proposed sitemap: https://github.com/Pylons/trypyramid.com/wiki/Site-Map-of-trypyramid.com

The carousel added in commits a03b98d and b1d2c97 make it difficult to read the code samples.

This site pretty much explains my frustration with carousels, especially when they contain only text.

On Resources there is an area with a grey background whose purpose is not clear. It seems that they are supposed to be column headings, but the items beneath them don't fall under the description of the column headings.

Is the grey bar present to break up the visual monotony of the white background?

tl;dr

We need content that conveys the message, "Hey, C*O! Here's why Pyramid is the perfect fit for you!"

Back story

Originally with @pauleveritt, @blaflamme, myself, and I forget who all else, we wanted to address multiple target audiences with the trypyramid.com marketing website, including CFO/CTOs and other non-programmer decision-makers, and new and experienced developers. In another effort from @goodwillcoding and Gavin(?), the one-file app from the Pyramid docs was duplicated and placed front and center with instructions of how to install Pyramid via pip, and that was all. As a result of that merge of concepts, we left out content and a presentation that effectively conveys the message to CFO/CTOs that Pyramid is perfect for them.

There have been a few other changes since then, and the site continues to be developed and evolve.

I don't have examples of how to do this. I'm not a C*O of a big company, and I don't know what they seek in a web application framework, much less how to address it.

@blaflamme I am ready for the final section of the website, Media, but I need updated artwork before I can proceed. We can't use the old orange Pyramid logo on the new site.

Based on the following:

• http://docs.pylonsproject.org/en/latest/promote/logos.html#pyramid-logo
• http://docs.pylonsproject.org/en/latest/promote/badges.html
• http://docs.pylonsproject.org/en/latest/promote/desktops.html

I would like to have the following:

• Pyramid logo, in PNG and SVG, for dark and light backgrounds
• Powered by Pyramid badges, in PNG and SVG, for dark and light backgrounds
• Pyramid desktop images

Thank you!

Add these in the "right" place.

• 1. Decide which Twitter handle to use. Options include the following.
  @Pylons
  @trypyramid
  @usepyramid
  @pyramidweb
  @pyramidwebapp
  @pyramidapp
  @other
• 2. Twitter brand assets and guidelines.
• 3. GitHub icon usage guidelines. We should use the Mark.
• 4. Read the Docs badges
• 5. Read the Docs brand usage guidelines
• 6. Google Groups.
• 7. IRC #pyramid on freenode.net or using webchat.

@blaflamme can I and @stevepiercy have access to publish trypyramid.com

pretty please

Import the data from extending.json into extending-pyramid.html

See #84.

Under the soon to be deployed Media navigation item, we should create a new page to display all the logos, buttons, desktop images, t-shirts, and artwork of Pyramid for download and with usage guidelines.

Suggest page name of "Artwork" and URL of media/artwork.html.

See #37.

The "puzzle piece" icon does not represent being finished to me. Suggest glyphicons-beer, glyphicons-cup, or glyphicons-circle-ok.

Resources include documentation, tutorials, source code. See: https://github.com/Pylons/trypyramid/blob/master/index.html#L67-L93

When page is added, add a link in the navbar, too.

We're using Pyramid for most of our projects. Also I'll add a separate project listing later for our main (still unannounced product).

entity name: Noppo
entity category: company
logo: https://www.noppo.pro/images/logo-large.png
URL: https://www.noppo.pro

Later on we should provide touch versions, retina versions, etc.

• 1. @blaflamme provide vector artwork of Pyramid logo to @stevepiercy
• 2. @stevepiercy generate icons and commit to template

Here's a screenshot of it on Android (Firefox). It looks much the same in Chrome. Although it is perhaps hard to see from the screenshot, on an actual mobile device:

• The top navigation, which has been activated, is far too small to use without a fine-tipped stylus.
• All of the text, but in particular the code samples, is in a font much too small to comfortably read.
• The huge margins on each side, which enhancing readability on a larger display, just further constrain the usable space of a small screen.

Similarly, if you navigate to Extending Pyramid, you'll notice that even on mobile devices, the margins continue to be outsized and there's still a grid of two, which necessitates panning and zooming to read.

The monospace font in the syntax highlighter, Inconsolata, displays ' as ’ and " as ”, which I find irritating. Google Fonts has a bunch of other monospace fonts that don't have that behavior, are legible, and have distinctive character pairs (O and 0, l and I), including Source Code Pro, Roboto Mono, Ubuntu Mono, and Cuisine.

• @blaflamme pick font
• @blaflamme or @stevepiercy implement decision

Some suggestions:

1. Center the "Try Pyramid" heading. It's a two column layout in that spot. The other headings have a variety of left/right justification. I think it might look better having the heading aligned over both columns.

2. Reduce repetition of "Pyramid". "Pyramid Hello World Application" -> "Hello World". "Pyramid is easy to setup and use" -> "Easy to Start".

3. Right column subheadings -> Numbered list. For example..

1. Install Python from python.org.
2. Install Pyramid: (followed by bash snippet)
3. Create your first app:
4. Run it:
5. Open it:

4. Reduce code snippet margin-top and margin-bottom.

If you agree with this, I'll make the changes.

• https://github.com/Pylons/pyramid-cookiecutter-starter
• https://github.com/Pylons/pyramid-cookiecutter-alchemy
• https://github.com/Pylons/pyramid-cookiecutter-zodb

We'll go with:

© Copyright 2008-2015, Agendaless Consulting

The base font-weight does not anti-alias well, causing eye strain while reading. Please increase from 300 to 400 in app.css.

body {
...
  font-weight: 400;
...
}

The home page currently makes 13 requests for 1.3MB of data. That's too much.