GithubHelp home page GithubHelp logo

classicpress / site-www Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 2.0 34.2 MB

Files for the site at www.classicpress.net

License: Other

PHP 71.08% CSS 7.02% JavaScript 21.83% SCSS 0.07% Hack 0.01%
classicpress

site-www's Introduction

www.classicpress.net

This repository contains the files for https://www.classicpress.net/.

Local development

Download the site files and contact a site administrator (probably James) for a recent database dump.

Load the database dump into a MySQL database on your computer. The site is configured using a .env file, so you can copy .env.example to .env and fill in your database values there.

You will need to install composer and run composer install in order to download the library that makes the .env file work properly.

Then update the site URL, for example using WP-CLI:

wp search-replace https://www.classicpress.net http://www.classicpress.local

Finally add a local administrative user, for example:

wp user create admin [email protected] --role=administrator --user_pass=changeme

Pull requests

We accept pull requests for this website via GitHub. Many of the guidelines at https://github.com/ClassicPress/ClassicPress/blob/develop/.github/CONTRIBUTING.md also apply here, for example:

  • Please be sure to test your PR on a local development installation as described above, or at least using the browser development tools.
  • Please include screenshots of the site before and after your changes as well as an explanation of what has been changed and why.
  • Some parts of the above guidelines are specific to ClassicPress core and do not apply here, like the instructions for backporting changes from WP and running the automated tests.

Please always use a separate branch for each change, to avoid issues with your master branch not being reset or updated correctly in between different pull requests. If you're not sure how to do this, you can use the GitHub web interface to edit files, open a new branch, and propose your changes as a pull request.

CSS/JS changes

If you make any CSS or JS changes, you need to update version number in the functions.php to clear cache:

function cp_susty_get_asset_version() {
    return '20210919';
}

Use the date when the changes were made as the version number in the format YYYYMMDD. If there are multiple changes in one day, you can add a decimal to increment the version number (ex: 20210919.1, 20200919.2).

site-www's People

Contributors

johnalarcon avatar nylen avatar smilebeda avatar striebwj avatar timbocode avatar viktorix avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

striebwj viktorix

site-www's Issues

Home page CTAs aren't calling to action

The donation and download buttons at the top aren't calling to action for a few reasons:

  1. Little contrast. Nothing calls attention to them.
  2. Tiny fonts. CTAs should have larger, bolder text than the rest of the buttons/links.
  3. Tiny buttons. The menu items are larger than the CTAs.

Current
image

Recommend at the very least changing the background color of the download link, although the buttons should be made larger and moved to a more appropriate area for a CTA.
image

This rule purples the final anchor in the list, though that may be assuming too much.

#secondary-nav .smenu ul li.switchbutton.download:last-child a {
    background: #89288f;
}

Sitemap

Could we add a sitemap to the new site, it would be great to submit it to Google Search Console.

FAQ page improvements

  • Allow linking directly to an individual FAQ entry (this should expand that answer)
  • Allow expanding all FAQs at once
  • Look for places where we linked to FAQ entries on the old site (using #fragments) and make these links work again

Better link previews in Slack

I am not sure exactly how this works but here you can see that forums.classicpress.net (Discourse) has nicer link expansions in Slack than our sites do:

2019-09-14T19 40 09Z

Improvements to Brand Guidelines page

This has the potential to be a pretty large issue so it may be a good idea to break it up into smaller issues once we start on it. See also https://forums.classicpress.net/c/team-discussions/design-forum for other relevant discussion.

Quoting from Slack today:

Has anyone else noticed that the new website doesn't quite follow the brand guidelines? Some of the headers use #4b2063 instead of Deep Purple Violet (#361946) and others use Mid Violet (#89288f). Am I being too pedantic? Personally, I think #4b2063 is better than #361946 anyway as I think the latter is a tad too dark. Just my tuppence worth.
On a related note, is it worth adding the CMYK and RGB codes in addition to the hex?

...

https://github.com/ClassicPress/ClassicPress-Themes/wiki/Design-Specs
we shouldn't be using this repo for anything anymore, but the #4b2063 comes from there
one of the colors in the "Purple Gradient"

We could use some clearer guidelines for when to use each color or visual element.

Quick note/aside about fonts:

The Wiki page on Github also shows the font as DejaVu Sans whereas we're using Source Sans Pro.
I can answer the font question, in that case https://www.classicpress.net/brand-guidelines/ and the site are correct with Source Sans

A few things to do, there are undoubtedly more:

https://docs.classicpress.net/press-and-branding/ contains a shortcode that currently lives in this repository to display a list of images: https://github.com/ClassicPress/ClassicPress-Network/blob/master/wp-content/mu-plugins/file-list.php

This shortcode should be ported over to the new site and possibly re-styled since it will no longer be the main element on the page.

Another idea for this asset/file list would be to sort the logos into categories, explain when to use each one, and also present downloadable files in a couple of different formats (.png for example).

This issue is intended to be a brain dump of some fairly minor improvements that should not require a full re-working of the brand guidelines. If you are interested in working on some of this then drop a comment here and let's chat.

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.