diff --git a/assets/images/facebook-white.svg b/assets/images/facebook-white.svg new file mode 100644 index 0000000..bde5e4d --- /dev/null +++ b/assets/images/facebook-white.svg @@ -0,0 +1,55 @@ + + + + diff --git a/assets/images/logo-white.svg b/assets/images/logo-white.svg new file mode 100644 index 0000000..fcf62f3 --- /dev/null +++ b/assets/images/logo-white.svg @@ -0,0 +1,55 @@ + + + + diff --git a/assets/images/twitter-white.svg b/assets/images/twitter-white.svg new file mode 100644 index 0000000..fd736ac --- /dev/null +++ b/assets/images/twitter-white.svg @@ -0,0 +1,55 @@ + + + + diff --git a/assets/images/vertical-ad-mock.jpg b/assets/images/vertical-ad-mock.jpg new file mode 100644 index 0000000..3679713 Binary files /dev/null and b/assets/images/vertical-ad-mock.jpg differ diff --git a/assets/images/vimeo-white.svg b/assets/images/vimeo-white.svg new file mode 100644 index 0000000..79e3197 --- /dev/null +++ b/assets/images/vimeo-white.svg @@ -0,0 +1,55 @@ + + + + diff --git a/assets/images/youtube-white.svg b/assets/images/youtube-white.svg new file mode 100644 index 0000000..56e7c19 --- /dev/null +++ b/assets/images/youtube-white.svg @@ -0,0 +1,80 @@ + + + + diff --git a/footer.php b/footer.php index b54eb7c..86b33e7 100644 --- a/footer.php +++ b/footer.php @@ -1,6 +1,100 @@ - - +
+
+
+
+
+ ad mock +
+
+
+
+
+
+ +
+

Our Partners

+
+
+ Certified Piedmontese | + Cervelo | + Goodlife Brands | + HED | + Jakroo | + Lazer | + Profile Design | + Sailfish | + Shimano | + Speedplay | + Ventum | + Wahoo Fitness | + Zipp | + Zoot Sports +
+
+ + + + + \ No newline at end of file diff --git a/front-page.php b/front-page.php index 310512d..388cf9a 100644 --- a/front-page.php +++ b/front-page.php @@ -1,15 +1,131 @@ - -
-
-
-

Basic Page

-

This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the Skeleton documentation.

+ + +
+
+ +
+ +

name; ?>

+
+ +

+
+ +

+ - + + +
-
+ \ No newline at end of file +wp_reset_postdata(); + +$post_section_two_args = array( + 'showposts' => 6, + 'offset' => 1, + 'orderby' => 'post_date', + 'order' => 'DESC', + 'post_type' => 'post', + 'post_status' => 'publish' +); +query_posts($post_section_two_args); +?> +
+
+ + +
+ + + + +

name; ?>

+
+ +
+
+
+ + + +
+ +
+
+
+
+ +
+
+ ad mock +
+
+
+
+
+ 8, + 'offset' => 7, + 'orderby' => 'post_date', + 'order' => 'DESC', + 'post_type' => 'post', + 'post_status' => 'publish' +); +query_posts($post_section_two_args); +?> +
+
+ + +
+ + + + +

name; ?>

+
+ +
+
+
+ + + +
+ +
+ + \ No newline at end of file diff --git a/functions.php b/functions.php index be93fce..a05df97 100644 --- a/functions.php +++ b/functions.php @@ -24,4 +24,14 @@ function slowtwitch_menus() { register_nav_menus($locations); } +function my_widgets_init() { + + register_sidebar( array( + 'id' => 'slowtwitch-front-page', + 'name' => 'Widgets for Front Page', + ) ); + +} +add_action( 'widgets_init', 'my_widgets_init' ); + ?> \ No newline at end of file diff --git a/style.css b/style.css index fae034e..6556cb6 100644 --- a/style.css +++ b/style.css @@ -11,6 +11,10 @@ font-family: Oswald; } +a { + color: #0b4fa0; +} + .hide-desktop { display: none; } @@ -276,4 +280,180 @@ nav { .hide-desktop .searchBarContainer button { background-color: white; } +} + +/* FRONT PAGE STUFF */ + +.front-page-most-recent-post { + margin-bottom: 20px; +} + +.front-page-most-recent-post img { + object-fit: cover; + width: 100%; + height: auto; + display: inline-block; + vertical-align: middle; +} + +.front-page-post-grid-card img { + object-fit: cover; + width: 250px; + height: 250px; +} + +.front-page-post-grid-card-container { + display: flex; + flex-wrap: wrap; +} + +.front-page-post-grid-card-container p { + margin-bottom: 10px; +} + +.front-page-post-grid-card { + margin-right: auto; +} + +.front-page-article-grid-ad-mock { + width: 100%; +} + +.slowtwitch-divider { + border-top: 5px solid #0b4fa0; +} + +.slowtwitch-horizontal-ad { + width: 100%; +} + +@media screen and (max-width: 940px) { + .front-page-post-grid-card { + max-width: 250px; + } + .front-page-post-grid-card img { + width: 100%; + } + + .front-page-most-recent-post h4 { + font-size: 24px; + margin-bottom: 0; + } + + .front-page-most-recent-post .front-page-most-recent-post-excerpt { + font-size: 18px; + margin-bottom: 0; + } + + .front-page-post-grid-card { + max-width: 155px; + } +} + +@media screen and (max-width: 550px) { + .front-page-post-grid-card-container { + justify-content: center; + align-content: center; + width: 100%; + } + .front-page-post-grid-card { + margin: 0; + } + .front-page-post-grid { + width: 100%; + } +} + +@media screen and (max-width: 375px) { + .front-page-post-grid-card { + width: 90%; + max-width: fit-content; + } +} + +/* FOOTER STUFF */ + +.partner-link-list a { + font-size: 24px; +} + +.footer-links { + height: 35px; + line-height: 35px; + margin-top: 25px; + margin-bottom: 25px; +} + +.footer-links-slowtwitch { + background: linear-gradient(90deg, rgba(59,128,209,1) 50%, rgba(11,79,160,1) 100%); + text-align: center; + color: #fff; +} + +.footer-links-slowtwitch a { + color: #fff; + text-decoration: none; + margin: 0 5px; +} + +.footer-links-youtube { + background-color: black; + height: 35px; +} + +.footer-links img { + display: block; + margin: 6px auto; +} + +.footer-links-facebook { + background-color: #0b4fa0; + height: 35px; +} + +.footer-links-vimeo { + background-color: #19B7EA; + height: 35px; +} + +.footer-links-twitter { + background-color: #1da1f2; + height: 35px; +} + +.slowtwitch-logo-footer { + display: block; + margin-left: auto; + margin-top: 5px; + margin-bottom: 5px; +} + +.slowtwitch-logo-footer-container { + text-align: right; +} + +.footer-termination-container { + background-color: #0b4fa0; + color: #fff; +} + +.footer-termination-container .column { + min-height: 100px; + background-color: #0b4fa0; + display: flex; + align-content: center; + justify-content: center; +} + +.footer-termination-container span { + color: white; + margin-top: 15px; +} + +.advertise-with-us-footer-container img { + margin: 10px 15px; +} + +.footer-copyright { + margin: 15px 5px; } \ No newline at end of file