diff --git a/assets/images/search.svg b/assets/images/search.svg new file mode 100644 index 0000000..61f2efc --- /dev/null +++ b/assets/images/search.svg @@ -0,0 +1,44 @@ + + + + diff --git a/assets/images/txt-logo.svg b/assets/images/txt-logo.svg new file mode 100644 index 0000000..ee1459f --- /dev/null +++ b/assets/images/txt-logo.svg @@ -0,0 +1,80 @@ + + + + diff --git a/functions.php b/functions.php index 01cc420..be93fce 100644 --- a/functions.php +++ b/functions.php @@ -8,9 +8,9 @@ function slowtwitch_theme_support() { add_action('wp_enqueue_scripts', 'slowtwitch_register_styles'); function slowtwitch_register_styles() { - wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get('version'), 'all'); - //wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all'); - //wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array('slowtwitch-skeleton', 'slowtwitch-normalize'), wp_get_theme()->get('version'), 'all'); + wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all'); + wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all'); } add_action( 'init', 'slowtwitch_menus' ); diff --git a/header.php b/header.php index 46222c3..b1e7997 100644 --- a/header.php +++ b/header.php @@ -1,63 +1,79 @@ + - - + - - + + - - + - + + - -
-
-
+
+
- -
-
- swim -
-
- run -
-
- run -
-
-
-
- - + +
\ No newline at end of file diff --git a/style.css b/style.css index cabc69c..739a06a 100644 --- a/style.css +++ b/style.css @@ -11,8 +11,69 @@ font-family: Oswald; } +.slowtwitch-desktop-header { + width: 100%; +} + +.searchBarContainer { + border: none; + height: 2rem; + background-color: #fff; + border-radius: 2px; + box-sizing: border-box; + width: 20%; + max-width: 60%; + display: flex; +} + +.slowtwitch-logo-social { + margin: 0 5px 0 5px; +} + +.flex-row { + display: flex; + align-content: center; + justify-content: space-between; + margin-top: 5px; + margin-bottom: 5px; +} + +.flex-row-right { + display: flex; + justify-content: end; + margin-top: 5px; + margin-bottom: 5px; +} + +.slowtwitch-logo-header { + max-width: 25%; +} + +.slowtwitch-ad-header { + max-width: 85%; + margin-left: auto; +} + +.desktop-tag-logos img { + float: right; +} + +.text-logo-header { + display: flex; + align-content: center; + justify-content: space-between; + border-bottom: 1px solid black; +} + +.text-logo-header p { + margin-left: auto; + margin-top: 0; + margin-bottom: 0; +} + nav { - position: fixed; + position: relative; + margin: 0 auto; background-color: #0b4fa0; width: 100%; z-index: 999; @@ -177,4 +238,8 @@ nav { .nav-links li a:hover { background-color: #0b4fa0; } + + .slowtwitch-desktop-header { + display: none; + } } \ No newline at end of file