metalandcoffee / first-static-site Goto Github PK

1 Hour Task
Due 2/2

(Just need to find youtube.svg and add it)

6 hours of training

3-Hour Task
Due 2/2

6 hours.

2-Hour Task
Due 2/2

1. I really like the font pairing that you have going on and I think it would work really well in some of the smaller headings. Like in the hero image, try using your sans-serif font for the “how do you like your metal?” maybe in all caps and bold.

2. Consider moving the social icons to footer, or, if you want them above the fold, also put them in the footer so that they are on all the pages

3. Your buttons are like 90% of the way there. Consider doing three things: a) adding a transition to make the hover state really smooth, b) on hover, remove the text-decoration underline on the text, and c) consider removing text shadow. Text shadows works best when they are helping text stand out from a background that is busy or very light or very dark — we often use them on hero images, just like you do, but they aren’t needed for that on the buttons

2-Hour Task
Due 2/2

2 hours.

Use popover for min-width 768
replace with search bar directly in navbar when less than 768

2 hours.

DISQUS COMMENT SYSTEM

Adds extra comment features to your blog posts like threaded comments, email notifications, spam filters and SEO-friendly indexing.
https://wordpress.org/plugins/disqus-comment-system/

THEME MY LOGIN

Helps you style your login, registration and forgot password pages like the rest of your theme.
https://wordpress.org/plugins/theme-my-login/

META SLIDER

Adds a responsive slider (four options to chose from) with optional slide captions and links to your pages, posts or text widgets with a simple shortcode. Note there is also a paid upgrade if you want more features.
https://wordpress.org/plugins/ml-slider/

WORDPRESS POPULAR POSTS

A widget that displays your site’s most popular blog posts.
https://wordpress.org/plugins/wordpress-popular-posts/

BETTER CLICK TO TWEET

Helps you create tweetable content for your readers.
https://wordpress.org/plugins/better-click-to-tweet/

NAKED SOCIAL SHARE

Adds unstyled social sharing buttons to your posts so you can style them to match your site.
https://wordpress.org/plugins/naked-social-share/

INSTAGRAM FEED

Displays Instagram photos from any non-private Instagram account in a single feed or in multiple.
https://wordpress.org/plugins/instagram-feed/

NEXTGEN GALLERY

A powerful WordPress gallery.
https://wordpress.org/plugins/nextgen-gallery/

TABLEPRESS

Allows you to create and embed tables into posts, pages or text widgets with a simple shortcode.
https://wordpress.org/plugins/tablepress/

MEMBERS

Allows you to create more roles for your users and define what roles have access to what content.
https://wordpress.org/plugins/members/

REGENERATE THUMBNAILS

Regenerates thumbnails for previously uploaded media images, which will come in handy if you add or change any of your thumbnail dimensions or change to a theme with different image dimensions.
https://wordpress.org/plugins/regenerate-thumbnails/

WP SMUSH

Resizes and optimizes all of your images, which can be helpful if your site is image heavy and slowing down. Note that there are some paid upgrades if you want more features.
https://wordpress.org/plugins/wp-smushit/

GOOGLE ANALYTICS BY YOAST

Integrates your site with your Google Analytics account so you can track traffic.
https://wordpress.org/plugins/google-analytics-for-wordpress/

WORDPRESS SEO BY YOAST

Helps you write more SEO-friendly content and optimizes your site for search engines.
https://wordpress.org/plugins/wordpress-seo/

2-hours of training

2 hours.

4 hours.

http://getbootstrap.com/getting-started/#examples

@media (min-width: 768px)
navs.less:243
.nav-justified>li {
display: table-cell;
width: 1%;
}

JS components to implement:

Scrollspy
Pop-out contact form
Slick Slider (for Youtube section)