first changes to match design

This commit is contained in:
jorge-vitrubio 2022-11-29 19:49:21 +01:00
parent f1e5255af7
commit 6efd731330
8 changed files with 202 additions and 276 deletions

View File

@ -13,16 +13,16 @@
<footer id="colophon" class="site-footer">
<div class="site-info">
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'ofisuport' ) ); ?>">
<!--a href="<?php //echo esc_url( __( 'https://wordpress.org/', 'ofisuport' ) ); ?>">
<?php
/* translators: %s: CMS name, i.e. WordPress. */
printf( esc_html__( 'Proudly powered by %s', 'ofisuport' ), 'WordPress' );
//printf( esc_html__( 'Proudly powered by %s', 'ofisuport' ), 'WordPress' );
?>
</a>
<span class="sep"> | </span>
</a-->
<!--span class="sep"></span-->
<?php
/* translators: 1: Theme name, 2: Theme author. */
printf( esc_html__( 'Theme: %1$s by %2$s.', 'ofisuport' ), 'ofisuport', '<a href="https://vitrubio.net">jorge-vitrubio.net</a>' );
//printf( esc_html__( 'Theme: %1$s by %2$s.', 'ofisuport' ), 'ofisuport', '<a href="https://vitrubio.net">jorge-vitrubio.net</a>' );
?>
</div><!-- .site-info -->
</footer><!-- #colophon -->

View File

@ -18,6 +18,7 @@
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
<link rel="stylesheet" href="./style-extra.css" media="all" />
</head>
<body <?php body_class(); ?>>
@ -26,34 +27,49 @@
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'ofisuport' ); ?></a>
<header id="masthead" class="site-header">
<div class="site-branding">
<?php
the_custom_logo();
if ( is_front_page() && is_home() ) :
?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$ofisuport_description = get_bloginfo( 'description', 'display' );
if ( $ofisuport_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $ofisuport_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<div class="main">
<div class="site-branding">
<?php
the_custom_logo();
if ( is_front_page() && is_home() ) :
?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$ofisuport_description = get_bloginfo( 'description', 'display' );
if ( $ofisuport_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $ofisuport_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'ofisuport' ); ?></button>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
)
);
?>
</nav><!-- #site-navigation -->
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'ofisuport' ); ?></button>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
)
);
?>
</nav><!--primary #site-navigation -->
</div>
<div class="secondary">
<?php the_header_image_tag(); ?>
<nav id="site-navigation" class="secondary-navigation">
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-2',
'menu_id' => 'secondary-menu',
)
);
?>
</nav><!--secondary #site-navigation -->
</div>
</header><!-- #masthead -->

View File

@ -1,198 +1,35 @@
# Copyright (C) 2020 Automattic
# Copyright (C) 2022 Jorge - vitrubio.net
# This file is distributed under the GNU General Public License v2 or later.
msgid ""
msgstr ""
"Project-Id-Version: _s 1.0.0\n"
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/_s\n"
"Project-Id-Version: Oficina de Suport de Xarxaprod 1.0.0\n"
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/oficinasuport-wp-theme\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"POT-Creation-Date: 2020-04-17T21:03:15+00:00\n"
"POT-Creation-Date: 2022-10-25T20:51:09+02:00\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"X-Generator: WP-CLI 2.4.0\n"
"X-Domain: _s\n"
"X-Generator: WP-CLI 2.7.1\n"
"X-Domain: ofsupxxp\n"
#. Theme Name of the theme
msgid "_s"
msgid "Oficina de Suport de Xarxaprod"
msgstr ""
#. Theme URI of the theme
msgid "https://underscores.me/"
msgid "https://git.hangar.org/xarxaprod/oficinasuport-wp-theme"
msgstr ""
#. Description of the theme
msgid "Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for."
msgid "Theme for the Oficina de Suport de Xarxaprod.cat"
msgstr ""
#. Author of the theme
msgid "Automattic"
msgid "Jorge - vitrubio.net"
msgstr ""
#. Author URI of the theme
msgid "https://automattic.com/"
msgstr ""
#: 404.php:18
msgid "Oops! That page can&rsquo;t be found."
msgstr ""
#: 404.php:22
msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?"
msgstr ""
#: 404.php:31
msgid "Most Used Categories"
msgstr ""
#. translators: %1$s: smiley
#: 404.php:49
msgid "Try looking in the monthly archives. %1$s"
msgstr ""
#. translators: 1: title.
#: comments.php:35
msgid "One thought on &ldquo;%1$s&rdquo;"
msgstr ""
#. translators: 1: comment count number, 2: title.
#: comments.php:41
msgctxt "comments title"
msgid "%1$s thought on &ldquo;%2$s&rdquo;"
msgid_plural "%1$s thoughts on &ldquo;%2$s&rdquo;"
msgstr[0] ""
msgstr[1] ""
#: comments.php:68
msgid "Comments are closed."
msgstr ""
#: footer.php:18
msgid "https://wordpress.org/"
msgstr ""
#. translators: %s: CMS name, i.e. WordPress.
#: footer.php:21
msgid "Proudly powered by %s"
msgstr ""
#. translators: 1: Theme name, 2: Theme author.
#: footer.php:27
msgid "Theme: %1$s by %2$s."
msgstr ""
#: functions.php:53
msgid "Primary"
msgstr ""
#: functions.php:130
msgid "Sidebar"
msgstr ""
#: functions.php:132
msgid "Add widgets here."
msgstr ""
#: header.php:26
msgid "Skip to content"
msgstr ""
#: header.php:49
msgid "Primary Menu"
msgstr ""
#. translators: %s: post date.
#: inc/template-tags.php:30
msgctxt "post date"
msgid "Posted on %s"
msgstr ""
#. translators: %s: post author.
#: inc/template-tags.php:46
msgctxt "post author"
msgid "by %s"
msgstr ""
#. translators: used between list items, there is a space after the comma
#: inc/template-tags.php:63
msgid ", "
msgstr ""
#. translators: 1: list of categories.
#: inc/template-tags.php:66
msgid "Posted in %1$s"
msgstr ""
#. translators: used between list items, there is a space after the comma
#: inc/template-tags.php:70
msgctxt "list item separator"
msgid ", "
msgstr ""
#. translators: 1: list of tags.
#: inc/template-tags.php:73
msgid "Tagged %1$s"
msgstr ""
#. translators: %s: post title
#: inc/template-tags.php:83
msgid "Leave a Comment<span class=\"screen-reader-text\"> on %s</span>"
msgstr ""
#. translators: %s: Name of current post. Only visible to screen readers
#: inc/template-tags.php:100
#: template-parts/content-page.php:39
msgid "Edit <span class=\"screen-reader-text\">%s</span>"
msgstr ""
#: inc/woocommerce.php:186
msgid "View your shopping cart"
msgstr ""
#. translators: number of items in the mini cart.
#: inc/woocommerce.php:190
msgid "%d item"
msgid_plural "%d items"
msgstr[0] ""
msgstr[1] ""
#. translators: %s: search query.
#: search.php:22
msgid "Search Results for: %s"
msgstr ""
#: single.php:23
msgid "Previous:"
msgstr ""
#: single.php:24
msgid "Next:"
msgstr ""
#: template-parts/content-none.php:14
msgid "Nothing Found"
msgstr ""
#. translators: 1: link to WP admin new post page.
#: template-parts/content-none.php:24
msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>."
msgstr ""
#: template-parts/content-none.php:37
msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords."
msgstr ""
#: template-parts/content-none.php:44
msgid "It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help."
msgstr ""
#: template-parts/content-page.php:25
#: template-parts/content.php:53
msgid "Pages:"
msgstr ""
#. translators: %s: Name of current post. Only visible to screen readers
#: template-parts/content.php:40
msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>"
msgid "https://vitrubio.net"
msgstr ""

View File

@ -1,6 +1,6 @@
.main-navigation {
display: block;
width: 100%;
.main-navigation,.secondary-navigation {
//display: block;
//width: 100%;
ul {
display: none;
@ -74,9 +74,25 @@
.main-navigation.toggled ul {
display: block;
}
/* secondary navigation */
.secondary-navigation ul {
display: flex;
}
@media screen and (min-width: 37.5em) {
.site-branding {
// display: inline-block;
// float: left;
}
.custom-logo {
max-width: 11rem;
margin: 1rem;
}
.menu-primary-menu-container,
.menu-secondary-menu-container {
display: flex;
justify-content: end;
}
.menu-toggle {
display: none;
}

View File

@ -7,5 +7,18 @@
"header"
"main"
"footer";
padding: 3rem;
}
.site-header {
.main {
display:flex;
align-items: center;
justify-content: space-between;
}
.secondary {
display:flex;
justify-content: center;
border-top: 1px solid $color__light-grey;
}
}
}

View File

@ -1,4 +1,5 @@
/*!
Theme Name: Oficina de Suport theme
Theme URI: http://underscores.me/
Author: jorge-vitrubio.net
@ -73,6 +74,7 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
@import "layouts/no-sidebar"; // Uncomment this line for a no sidebar content.
// @import "layouts/content-sidebar"; // Uncomment this line for a sidebar on right side of your content.
// @import "layouts/sidebar-content"; // Uncomment this line for a sidebar on left side of your content.
@ -100,3 +102,4 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
/* Alignments
--------------------------------------------- */
@import "utilities/alignments";

128
style.css
View File

@ -1,4 +1,5 @@
/*!
Theme Name: Oficina de Suport theme
Theme URI: http://underscores.me/
Author: jorge-vitrubio.net
@ -21,7 +22,6 @@ Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
@ -49,19 +49,14 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
@ -73,7 +68,6 @@ html {
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
@ -99,7 +93,6 @@ h1 {
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
@ -121,7 +114,6 @@ pre {
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
@ -187,7 +179,6 @@ sup {
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
@ -197,7 +188,6 @@ img {
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
@ -343,7 +333,6 @@ textarea {
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
@ -360,7 +349,6 @@ summary {
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
@ -377,7 +365,6 @@ template {
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
@ -393,7 +380,6 @@ html {
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
@ -437,7 +423,7 @@ address {
}
pre {
background: #eee;
background: #fdfdfd;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
@ -461,7 +447,7 @@ acronym {
mark,
ins {
background: #fff9c0;
background: #fefefe;
text-decoration: none;
}
@ -476,7 +462,7 @@ body {
}
hr {
background-color: #ccc;
background-color: #000;
border: 0;
height: 1px;
margin-bottom: 1.5em;
@ -533,25 +519,22 @@ table {
/* Links
--------------------------------------------- */
a {
color: #4169e1;
color: #101010;
}
a:visited {
color: #800080;
color: #505050;
}
a:hover,
a:focus,
a:active {
color: #191970;
a:hover, a:focus, a:active {
color: #707070;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
a:hover, a:active {
outline: 0;
}
@ -562,9 +545,9 @@ input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-color: #000 #000 #000;
border-radius: 3px;
background: #e6e6e6;
background: #fff;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
@ -574,18 +557,17 @@ button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
border-color: #111 #111 #111;
}
button:active,
button:focus,
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
border-color: #222 #222 #222;
}
input[type="text"],
@ -605,7 +587,7 @@ input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border: 1px solid #000;
border-radius: 3px;
padding: 3px;
}
@ -630,7 +612,7 @@ textarea:focus {
}
select {
border: 1px solid #ccc;
border: 1px solid #000;
}
textarea {
@ -640,26 +622,38 @@ textarea {
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.no-sidebar .site {
display: grid;
grid-template-columns: auto;
grid-template-areas: "header" "main" "footer";
padding: 3rem;
}
.no-sidebar .site-header .main {
display: flex;
align-items: center;
justify-content: space-between;
}
.no-sidebar .site-header .secondary {
display: flex;
justify-content: center;
border-top: 1px solid #ccc;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
.main-navigation ul, .secondary-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
.main-navigation ul ul, .secondary-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
@ -668,31 +662,33 @@ textarea {
z-index: 99999;
}
.main-navigation ul ul ul {
.main-navigation ul ul ul, .secondary-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
.main-navigation ul ul li.focus > ul, .secondary-navigation ul ul li:hover > ul,
.secondary-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
.main-navigation ul ul a, .secondary-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
.main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
.main-navigation li, .secondary-navigation li {
position: relative;
}
.main-navigation a {
.main-navigation a, .secondary-navigation a {
display: block;
text-decoration: none;
}
@ -703,21 +699,31 @@ textarea {
display: block;
}
@media screen and (min-width: 37.5em) {
/* secondary navigation */
.secondary-navigation ul {
display: flex;
}
@media screen and (min-width: 37.5em) {
.custom-logo {
max-width: 11rem;
margin: 1rem;
}
.menu-primary-menu-container,
.menu-secondary-menu-container {
display: flex;
justify-content: end;
}
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
}
@ -877,10 +883,8 @@ textarea {
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
@ -895,10 +899,8 @@ textarea {
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
@ -914,12 +916,12 @@ textarea {
}
.screen-reader-text:focus {
background-color: #f1f1f1;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
color: #020202;
display: block;
font-size: 0.875rem;
font-weight: 700;
@ -941,20 +943,16 @@ textarea {
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
@ -967,3 +965,5 @@ textarea {
margin-right: auto;
margin-bottom: 1.5em;
}
/*# sourceMappingURL=style.css.map */

41
style.css.map Normal file

File diff suppressed because one or more lines are too long