4pt0 / 4pt0-theme Goto Github PK

The WordPress theme behind 4.0 Schools' Website.

PHP 20.07% CSS 58.39% JavaScript 21.54%

4pt0-theme's Introduction

4.0 Schools WordPress Theme

This public repo contains the WordPress theme behind 4pt0.org. This theme is designed with young creatives from YEP Design Works.

Issue Reporting and Questions

Issues and questions can be added under this repo's "Issues" tab. Labels should be added to each issue and issues can be assigned to particular developers. @bbertucc is the primary developer of the 4.0 Schools project. Checkout the repo wiki for helpful guides.

Development

The master branch includes the most stable site build. Other branches are feature specific.

4pt0-theme is actively updated to incorporate stable technology, architecture, and best practices. The _s and Sage themes were huge inspirations for the theme architecture. We love to follow DRY principles and keep features and elements modular.

Required Plugins

To run this theme on your own WordPress site, Advanced Custom Fields (version 5+) must be installed.

Code Style & Naming Conventions

We're a stickler about naming conventions and style. Checkout @bbertucc's gist to understand how we style WordPress theme code. We also love the code guide by @mdo.

Image Sizes

This theme works with high density pixel displays. You should upload images that are 2500px x 1600px or larger. More media specs are available on the repo's wiki.

Contributing

4pt0-theme is open for edits. You can report issues under the "Issues" tab, or fork this repo and help code. We'd love to include your updates!

Theme Contributors

Blake Bertuccelli (@bbertucc)
Breanna Harvey (@breleha)
Tevin Clark (@tevintc)
Jihad Doucette
Rapahel Gang (@raphaelgang)
Cambria Martinelli (@CambriaS)
Taylor Osbey (@tosbey1)
Alberta Wright
You? Start contributing and we'll add your name.

4pt0-theme's People

Contributors

Stargazers

Watchers

Forkers

imgbotapp

4pt0-theme's Issues

Slideshow Slides not Scrolling

media-slideshow needs some jQuery to get slides sliding and navigational arrows added.

Image Sizing Oddities

This issue will include all the image sizing oddities. If you see any oddities, reply with the following:

Screenshot of image on page.
URL of page.
Brief description of why the image doesn't show up the way you want it.

After we have a good idea of the oddities, we're going to create formal image recommendations, that'll be posted to the repo's wiki.

Thanks y'all!

Centering and creating a quote

I'm trying to create a quote box, similiar to what we have on the User pages, only for a venture. On the venture page for Future Public School, it looks ok, but not so much on the Writebrained one, even though I've formatted them exactly the same way. Not sure what's going on.

Words disappear into cloud back ground - What we do

What We Do - Font Size Consistency

There's a couple of blocks where it looks like the fonts aren't the same size across the different sections. Is it possible to standardize this?

Community Page - How big are User Profiles on main page

On the community page, the individual user profile seems pretty large. Does it shrink when we add more people to it? How much?

Creating text above form

Would love to put a short note above the form like this one. How do I do that?

Update header & footer navigation with more traditional menu.

Add traditional links to header and footer. Also, add social media buttons in footer.

For example, see: http://www.camelbackventures.org/

Google analytics or any tracking tags?

@raphaelgang - do you have any google analytics or tracking tags? We haven't added anything in yet..

Embedding Medium

We'd like to embed our Medium blog to the website. Can we add it as a drop down on the menu bar at the top? We'd need to go through medium to set it up, but it doesn't look difficult.

Just wanted to flag it as a page to include. - https://help.medium.com/hc/en-us/articles/115005579728-Get-started-with-custom-domains

Standardize Site Spacing

Some elements, such as the Community page user photos, seem ill-proportioned to the spacing of other elements. We're going to create a set of standard container sizes and apply them to all the elements of the site. That should make everything look a little bit more sharp and minimize oddly spaced elements.

External Links Automatically Open New Tab

There's a bunch of instances where we'll want to include external links, but it looks like there isn't that button that allows me make it open in a new tab. Is it possible to make that a universal default? I'd want it to apply to the social buttons and pretty much everything that doesn't send someone to an internal site.

Community/Test User Page - Clouds

Are these pages where it's not possible to have the clouds? Our thought was just to keep it as consistent as possible.

Gap between titles/subtitles and text

There's big gap between the title/subtitle and the text. Is there a way to close it?

Mobile Rendering on Chrome

It's not rendering nearly as cleanly as it did in the first version. This is in a chrome browser.

Community Page - Dot on Map Button

There's a dot that appears on the Map Button, but it's not clear why it's there compared to the other buttons, which don't get dots if you click them.

Encourage More Hacking

In the spirit of the lesson plan we created for overall site development, I suggest that we turn the 4pt0-theme into a learning tool onto itself.

The idea is this: Each piece of the 4.0 theme would be tied to various lessons and tasks. From designing the best button to coding a fluid text display, anyone who is interested in web design could jump in. On completing a task, the coder/designer would be able to update particular areas of the 4.0 site. For instance, after completing button tasks, the coder/designer could contribute their button hack, which could be incorporated into the published site.

The site was developed to be modular, so each feature can already be individually hacked. To encourage coding/design from all skill levels, we'll need to make features more modular and we'll definitely need to create a lot of documentation.

Whenever I update the site, I'm always thinking of ways to encourage positive hacking. I'll post more ideas here.

Curious for input!

User Page: cloud text sequence

Bug line and clouds are coming after the block of text about the test user

Newsletter Forms Need to Be Linked

The Newsletter form needs to be linked to an existing newsletter service. Currently it's linked to http://newsletter.decubing.com/.

Homepage/Footer - Menu on the bottom

To make it a little easier to navigate, we're thinking it might be helpful to have the menu on the similar to how camelback has it. Contact, Blog, About Us in the bottom left corner.

Media Blocks displays in single column instead of way shown in mockup.

Founder Page - Code Showing

There's code showing at the top of the founder page

Grid with more than 4 photos

When I have 3 photos, the grid posts the photos below the text.

But when I have more than 3 photos, the grid posts the photos to the side of the text and the photos are small.

How do I get it to look like what you have on the example page, only with text above the pics?

Map not loading

When you click on map and a filter and then unfilter-the map doesn't load

Add List of Users and Roles

Hey @raphaelgang / @CambriaS - We'll need a spreadsheet of all the users you want to add with a column for their roles.

The current user columns include: username(required), First Name, Last Name, Nickname, email (required), Website, Biographical Info, Job Title (ie- Founder), Facebook URL, Twitter Handle, Role, and "Why did you apply to 4.0?".

Let me know if you have any questions! You can email me the list or upload it here if you want to make it public.

PDF

When I look to add a pdf, it asks me for a website link to it, but I'm not sure what I should put in the square. I inserted a link to google drive that included a pdf, but it didn't show anything. What steps should I take to upload a pdf so it appears correctly?

Scale of site on desktop chrome

On Desktop chrome, the page just looks blown up and too big for the page itself. The header and footer both seem like they are pushing content to the furthest edges of the site.

Text size changes when viewing on safari

Timeline feature

We talked about it a while ago, but realized I didn't add it here as a request.

Future Public School No Photos

Even though I've picked the grid/portrait and landscape mode, no pictures are showing up in the section.

Essentials/Tiny Pages: Pictures are small

For both circles and rectangle pictures, the pics seem small on both pages.

blurry pictures

hey I don't know why but when I uploaded a picture they appeared blurry, what can I do to change that? the picture are high resolution.

Drop Down Menus in Menu Bar

may be very helpful.

Mosaic not working right

Tiny Fellowship - Layout

Get Involved Subscribe Button is super tiny.

Homepage/Footer - Including Social Buttons

We'd like to have the social buttons included in the footer, similar to what they have here.

Media Circles display inline instead of way shown in mockup

Make Large YouTube videos play within the frame.

Currently, YouTube videos pop-out. The team wants YouTube videos to automatically play within the frame.

First segment text sometimes bleeds into white clouds.

Example: http://4pt0.decubing.com/venture/future-public-school/

Single/Double Columns on Text and Media

I'm not sure if it looks bad, but it would be great to have the option to do text in a single column, then media below it. When I click on it now, it looks as if I can switch between single/double column in single media and slideshow, but not the other types. Is that a bug or is that something that shouldn't be there?