diff --git a/archive.php b/archive.php index 4dd1003..949ef11 100644 --- a/archive.php +++ b/archive.php @@ -21,7 +21,7 @@ get_header(); ?>
', '' ); + the_archive_title( '

', '

' ); the_archive_description( '
', '
' ); ?>
diff --git a/front-page.php b/front-page.php index f6d88e3..cdb23da 100644 --- a/front-page.php +++ b/front-page.php @@ -10,106 +10,101 @@ > -
-
-
- - -
-
-
-
-
- A picture of Ben Goldsworthy -
-
-
-

Ben Goldsworthy

-
- ~ ~ - ~ - ~ - ~ - ~ - ~ - 7FDCE988 -
-
-
-
- -
-
-
-
Portfolios
- -
-
-
-
-
Experience
- -
+
+
+
+
+
+ A picture of Ben Goldsworthy
-
-
- +
+
+

Ben Goldsworthy

+

+ ~ ~ + ~ + ~ + ~ + ~ + ~ + 7FDCE988 ~ +

+
+
+
+ +
+
+
+
Portfolios
+ +
+
+
+
+
Experience
+
-
-
-
    -
    • -
    • -
    • -
    • -
    • -
+
+
  • by Company (WIP)
    • -
    -
    -
    +
    +
  • by Country (WIP)
    • +
    +
    +
  • by Sector (WIP)
    • +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
    +
    +
    + +
    diff --git a/functions.php b/functions.php index b70008f..a9263d3 100644 --- a/functions.php +++ b/functions.php @@ -32,6 +32,10 @@ if ( version_compare( $GLOBALS['wp_version'], '4.4-alpha', '<' ) ) { require get_template_directory() . '/inc/back-compat.php'; } +global $themecolors; +$themecolors['bg'] = '95b2bf'; +$themecolors['text'] = '2b0000'; + if ( ! function_exists( 'twentysixteen_setup' ) ) : /** * Sets up theme defaults and registers support for various WordPress features. diff --git a/index.php b/index.php index 30b2f49..ef91378 100644 --- a/index.php +++ b/index.php @@ -10,8 +10,8 @@ * @link http://codex.wordpress.org/Template_Hierarchy * * @package WordPress - * @subpackage Ben_Goldsworthy - * @since Ben Goldsworthy 1.0 + * @subpackage Omphaloskepsis + * @since Omphaloskepsis 1.0 */ ?> @@ -27,34 +27,29 @@ > -
    -
    -
    - - -
    -
    -

    Blog

    -
    -
    - - -
    -
    +
    +
    +

    Blog

    +
    +
    + + +
    +
    diff --git a/page-experience-by-companies.php b/page-experience-by-companies.php index f09ac39..4459b31 100644 --- a/page-experience-by-companies.php +++ b/page-experience-by-companies.php @@ -20,7 +20,7 @@ get_header(); ?> $loop = new WP_Query( $args ); ?> -

    Experience

    by company
    +

    Experience

    by company

    false, 'taxonomy' => 'company', 'term_args' => array('parent' => 0))); if ( ! empty( $terms ) ) { diff --git a/page-experience.php b/page-experience.php index edccefb..c395fb2 100644 --- a/page-experience.php +++ b/page-experience.php @@ -25,7 +25,7 @@ get_header(); ?> $loop = new WP_Query( $args ); ?> -
    ', '' ); ?>
    +
    ', '' ); ?>
    false, 'taxonomy' => 'company')); if ( ! empty( $terms ) ) { print '
      '; diff --git a/style.css b/style.css index 510a090..01a33ec 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,60 @@ +/** + * The main stylesheet + * + * This is the main stylesheet for the entire Theme. + * + * @package WordPress + * @subpackage Omphaloskepsis + * @since Omphaloskepsis 1.0 + * + * Contents + * ======== + * + * 1. Constants + * 2. Globals + * 2.1 Containers + * 2.2.1 Fluid Grid + * 2.2.2 Main Containers + * 2.2 Text + * 2.2.1 Headings + * 2.2.2 Regular Text + * 2.2.3 Special Text + * 2.2.4 Links + * 2.3 Images + * [...] + * + */ + +/******************************************************************************* + * 1. Constants + */ + :root { --light: #95b2bf; - --dark: #003D52; - --text: #2B0000; + --dark: #003d52; + --text: #2b0000; + --linktext: #666666; +} + +/******************************************************************************* + * 2. Globals + */ + +/*************************************** + * 2.1 Containers + */ + +/****************** + * 2.1.1 Fluid Grid + * + * <767px ≈ Mobile Phone + * 768px ≈ Tablet + * 1024px ≈ Laptop + * 1444px ≈ Desktop + */ + +* { + box-sizing: border-box; } .row::after { @@ -10,49 +63,327 @@ display: block; } -* { - box-sizing: border-box; +/* Source: W3Schools */ + +[class*="col-"] { + float: left; + padding-right: 15px; + padding-left: 15px; + width: 100%; } -/* - * 1. Animations - */ - -@keyframes slideinandfade { - from { margin-left: -25px; opacity: 0; } - to { margin-left: 0px; opacity: 1; } -} -@keyframes slideinandfadebutton { - from { margin-left: -25px; opacity: 0; } - to { margin-left: 0px; opacity: 0.7; } -} -@keyframes fadeinanddarken { - from { - opacity: 0; - background: rgba(255,255,255,0); - } to { - opacity: 1; - background: rgba(255,255,255,0.5); - } -} -@keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} -@keyframes fadeout { - from { opacity: 1; } - to { opacity: 0; } +@media only screen and (min-width: 768px) { + .col-m-1 {width: 8.33%;} + .col-m-2 {width: 16.66%;} + .col-m-3 {width: 25%;} + .col-m-4 {width: 33.33%;} + .col-m-5 {width: 41.66%;} + .col-m-6 {width: 50%;} + .col-m-7 {width: 58.33%;} + .col-m-8 {width: 66.66%;} + .col-m-9 {width: 75%;} + .col-m-10 {width: 83.33%;} + .col-m-11 {width: 91.66%;} + .col-m-12 {width: 100%;} } -/* - * 2. Main +@media only screen and (min-width: 1024px) { + .col-1 {width: 8.33%;} + .col-2 {width: 16.66%;} + .col-3 {width: 25%;} + .col-4 {width: 33.33%;} + .col-5 {width: 41.66%;} + .col-6 {width: 50%;} + .col-7 {width: 58.33%;} + .col-8 {width: 66.66%;} + .col-9 {width: 75%;} + .col-10 {width: 83.33%;} + .col-11 {width: 91.66%;} + .col-12 {width: 100%;} +} + +@media only screen and (min-width: 1444px) { + .col-w-1 {width: 8.33%;} + .col-w-2 {width: 16.66%;} + .col-w-3 {width: 25%;} + .col-w-4 {width: 33.33%;} + .col-w-5 {width: 41.66%;} + .col-w-6 {width: 50%;} + .col-w-7 {width: 58.33%;} + .col-w-8 {width: 66.66%;} + .col-w-9 {width: 75%;} + .col-w-10 {width: 83.33%;} + .col-w-11 {width: 91.66%;} + .col-w-12 {width: 100%;} +} + +/* End Source */ + +/****************** + * 2.1.2 Main Containers */ body { - background-color: #fff; - height: 100%; font-family: 'Lato', sans-serif; - margin: 0; + background-color: white; + height: 100%; + margin: 0; +} + +figure { + margin-top: 10px; + margin-bottom: 10px; + width: auto !important; +} + +figcaption { + font-size: 0.8em; + color: #555; + font-style: italic; +} + +/*************************************** + * 2.2 Text + */ + +/****************** + * 2.2.1 Headings + */ + +h1, h2, h3, h3 a, h4, h5 { + margin: 0; + font-family: 'Montserrat', sans-serif; + color: var(--dark); +} + +#website-title { + margin-left: 25px; + text-align: center; + font-size: 8em; + font-weight: bold; + text-shadow: -1px -1px 0 white, + 1px -1px 0 white, + -1px 1px 0 white, + 1px 1px 0 white; +} + +#page-title { + text-align: center; + font-size: 6em; +} + +#page-subtitle { + margin-left: 10px; + text-align: center; + font-size: 1.2em; + color: var(--light); +} + +#post-title { + font-size: 6em; + text-align: center; + background-color: #000; + vertical-align: middle; + color: white; + padding: 5px 0 16px 5px; + text-shadow: 0px 2px 5px rgba(0,0,0,0.5); +} + +.post-title, +.subheading { + font-size: 2em; + margin: 0; + text-decoration: none !important; +} +.post-title.small { font-size: 1.4em; } +.post-title.vsmall { font-size: 1em; } + +.subheading-subtitle { + color: var(--light); +} + +/****************** + * 2.2.2 Regular Text + */ + +p { + font-size: 1em; + color: var(--text); + padding: 0.5em; + line-height: 1.2em; +} + +strong { font-weight: bold; } + +sup, sup { + font-size:xx-small; + line-height: 1.2em; +} +sup { vertical-align:top; } +sub { vertical-align:bottom; } + +/****************** + * 2.2.3 Special Text + */ + +code, +samp, +var { + font-family: "Lucida Console", Monaco, monospace; + font-size: 1em; + background-color: #d1d1d1; + border-radius: 5px; + padding: 2px 2px; +} + +.heading code, +.subheading code { + background-color: transparent; +} + +samp { + display: block; + width: 80ch; + margin: 1em 4em 1em 4em; + border-left: 2px solid #ccc; + color: #333; +} + +/* Source: Stack Overflow */ + +kbd { + padding: 0.1em 0.6em; + border: 1px solid #ccc; + font-size: 11px; + font-family: Arial, Helvetica, sans-serif; + background-color: #f7f7f7; + color: #333; + box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; + border-radius: 3px; + display: inline-block; + margin: 0 0.1em; + text-shadow: 0 1px 0 white; + line-height: 1.4; + white-space: nowrap; +} + +/* End Source */ + +blockquote { + margin: 1em 4em 1em 4em; + border-left: 2px solid var(--dark); +} + +blockquote:first-of-type { + margin: 2em 4em 2em 4em; + font-size: 1.2em; + font-style: italic; + border-left: 0; +} + +blockquote footer { + text-align: right; + margin-right: 10%; + font-style: normal; +} + +blockquote footer:before { + content: '—'; +} + +q, blockquote { + quotes: "“" "”" "‘" "’"; +} +q.guillemets { + quotes: "«" "»" "«" "»"; +} +q:before { + content: open-quote; +} +q:after { + content: close-quote; +} + +cite:not(.smallcite), i, em { font-style: italic; } +cite.smallcite:before { content: '“'; } +cite.smallcite:after { content: '”'; } + +.note { + width: 80%; + background-color: #fc6f73; + padding: 20px; + text-align: center; + margin: auto; + border-radius: 20px; + border: 2px dashed #000; +} + +/****************** + * 2.2.4 Links + */ + +a { + font-weight: bold; + color: var(--dark); + padding: 0; + opacity: 0.7; +} +a:hover { + opacity: 1; +} + +.subheading a { + color: var(--light); + font-size: 0.4em; + vertical-align: middle; + text-decoration: underline; +} + +.hyperlink-button, .post-edit-link { + float: left; + margin: 10px 20px 10px 0px; + padding: 20px 30px 20px 30px; + border-radius: 35px; + border: 2px solid var(--dark); + background-color: var(--light); + color: var(--dark); + text-decoration: none; +} + + + + + + + +/* + * UNFINISHED + */ + +.author a { + border-radius: 0 35px 35px 0; + background-color: #95b2bf; + padding: 3px 20px 3px 20px; + color: #003D52; + margin-left: -5px; +} + +.edit-link { + float: right; + line-height: 3.6em; + margin-right: 30px; +} + +.posted-on a { + color: #666; + padding: 3px 20px 3px 20px; + font-size: 0.8em; +} +.posted-on a:before, .posted-on a:after { + content: ' — '; +} +.posted-on a:hover { + color: #999; } .index article { @@ -88,385 +419,6 @@ body { filter: none; } -.full-wrapper { - width: 100%; - overflow: hidden; - clear: both; -} - -.half-wrapper { - width: 50%; - float: left; - min-height: 70%; - max-height: 70%; -} - -#left-wrapper { - opacity: 0.75; -} - -#right-wrapper { - overflow: scroll; -} - -/* - * 3. Text - */ - -/* - * 3.x General - */ - -p, .entry-content ul li { - font-size: 1em; - color: #333; - padding: 0.5em; - line-height: 1.2em; -} - -strong { - font-weight: bold; -} - -:not(h2) code, samp, var { - font-family: "Lucida Console", Monaco, monospace; - font-size: 1em; - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px 2px; -} - -h2 code, h3 code { - background-color: transparent; -} -samp { - display: block; - width: 80ch; - margin: 1em 4em 1em 4em; - border-left: 2px solid #ccc; - color: #333; -} -/* Shamelessly stolen from StackOverflow's CSS */ -kbd { - padding:0.1em 0.6em; - border:1px solid #ccc; - font-size:11px; - font-family:Arial,Helvetica,sans-serif; - background-color:#f7f7f7; - color:#333; - -moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; - -webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; - box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; - -moz-border-radius:3px; - -webkit-border-radius:3px; - border-radius:3px; - display:inline-block; - margin:0 0.1em; - text-shadow:0 1px 0 #fff; - line-height:1.4; - white-space:nowrap; -} - - -sup, sup { font-size:xx-small; line-height: 1.2em; } -sup { vertical-align:top; } -sub { vertical-align:bottom; } - -/* - * 3.x Headings - */ - -h1, h2, h3, h3 a, h4, h5 { - color: var(--dark); - font-family: 'Montserrat', sans-serif; - margin: 0; -} - -h1 { - text-align: center; - font-size: 8em; - margin-left: 25px; - font-weight: bold; - text-shadow: -1px -1px 0 #fff, - 1px -1px 0 #fff, - -1px 1px 0 #fff, - 1px 1px 0 #fff; - animation: slideinandfade 1.2s both; -} - -h2 { - font-size: 6em; - text-align: center; - animation: slideinandfade 1.2s both; -} -.row-item h2 { - font-variant: small-caps; - margin: 10px 0 10px 45px; -} -@media all and (max-width: 1060px) { - h1 { - font-size: 7.5em; - } -} -@media all and (max-width: 992px) { - h1 { - font-size: 7em; - } -} -@media all and (max-width: 980px) { - h1 { - font-size: 6em; - } -} -@media all and (max-width: 800px) { - h1 { - font-size: 5em; - } - h2 { - font-size: 5em; - } -} -@media all and (max-width: 700px) { - h1 { - font-size: 4em; - } - h2 { - font-size: 4em; - } -} -@media all and (max-width: 600px) { - h1 { - font-size: 4em; - } -} -@media all and (max-width: 540px) { - h1 { - font-size: 3em; - } - h2 { - font-size: 3em; - } -} -@media all and (max-width: 410px) { - h1 { - font-size: 2.5em; - } -} - -h3 { - font-size: 2em; - margin: 0; -} -h3.small { - font-size: 1.4em; -} -h3.vsmall { - font-size: 1em; -} - -h3 a { - color: var(--light); - font-size: 0.4em; - vertical-align: middle; - text-decoration: underline; -} - -h3 a:hover { - color: var(--dark); -} - -h4 { - padding: 0.5rem; - font-size: 2.6em; - clear: both; - text-align: center; -} - -h5 { - color: #ddd; - font-size: 1.2em; - margin-left: 10px; -} - -.post-title { - text-decoration: none; - padding: 0; -} -.post-title:hover { - color: #c1e5f4; -} - -.post-header-image .post-header-title h2 { - background-color: #000; - vertical-align: middle; - color: #fff; - padding: 5px 0 16px 5px; - text-shadow: 0px 2px 5px rgba(0,0,0,0.5); -} - -/* - * 3.x Links & Buttons - */ - -a { - text-decoration: none; - font-weight: bold; -} - -button { - cursor: pointer; -} -button.active { - background-color: #00ff00; -} -button.inactive { - background-color: #ff0000; -} -a.button, .post-edit-link { - background-color: #95b2bf; - color: #003D52; - padding: 3px 20px 3px 20px; - border-radius: 35px; - opacity: 0.7; -} -a.button:hover, .post-edit-link:hover { - opacity: 1; -} -.big-button, -.med-button { - float: left; - border-radius: 35px !important; - text-decoration: none; - opacity: 0.7; -} - -.big-button { - padding: 20px 30px 20px 30px !important; - margin: 10px 20px 10px 0px; -} - -.med-button { - padding: 12px 30px 12px 30px !important; - margin: 20px 20px 20px 0px; - font-weight: normal; -} - -.big-button:hover, -.med-button:hover { - opacity: 1 !important; -} - -.author a { - border-radius: 0 35px 35px 0; - background-color: #95b2bf; - padding: 3px 20px 3px 20px; - color: #003D52; - margin-left: -5px; -} - -.entry-content a:not(.button) { - border-radius: 0; - color: #666; - padding: 0; - text-decoration: underline; -} -.entry-content a:hover { - color: #999; -} - -.edit-link { - float: right; - line-height: 3.6em; - margin-right: 30px; -} - -.posted-on a { - color: #666; - padding: 3px 20px 3px 20px; - font-size: 0.8em; -} -.posted-on a:before, .posted-on a:after { - content: ' — '; -} -.posted-on a:hover { - color: #999; -} - -/* - * 3.x Quotes - */ - -blockquote { - margin: 1em 4em 1em 4em; - border-left: 2px solid #003D52; - color: #333; -} -.blog-post .entry-content blockquote:first-child { - margin: 2em 4em 2em 4em; - font-size: 1.2em; - font-style: italic; - border-left: 0; -} -blockquote footer { - text-align: right; - margin-right: 10%; - font-style: normal; -} -q, blockquote { - quotes: "“" "”" "‘" "’"; -} -blockquote footer:before { - content: '—'; -} -q:before { - content: open-quote; -} -q:after { - content: close-quote; -} -q.guillemets, blockquote.guillemets { - quotes: "«" "»" "«" "»"; -} - -/* - * 3.x Citations - */ - -cite, i, em { - font-style: italic; -} -cite.smallcite { - font-style: normal; -} -cite.smallcite:before { - content: '“'; -} -cite.smallcite:after { - content: '”'; -} - -/* - * 3.x Other - */ - -.note { - width: 80%; - background-color: #fc6f73; - padding: 20px; - text-align: center; - margin: auto; - border-radius: 20px; - border: 2px dashed #000; -} - -.note a { - background-color: transparent !important; - color: #000 !important; -} -.note a:hover { - color: #555 !important; -} - /* * 4. Images */ @@ -546,26 +498,13 @@ cite.smallcite:after { display: block; } -figure { - margin-top: 10px; - margin-bottom: 10px; - width: auto !important; -} -figure img { -} .blog-post .entry-content img { height: auto; max-width: 100%; } -figcaption { - font-size: 0.8em; - color: #555; - font-style: italic; -} - .sampler { width: 100%; height: 60vh; @@ -1034,57 +973,38 @@ float: right; min-height: 140px; } -/* phone and above */ -[class*="col-"] { - float: left; - padding-right: 15px; - padding-left: 15px; - width: 100%; -} - -/* tablet and above */ +/******************************************************************************* + * x. Media Queries + * + * <767px ≈ Mobile Phone + * 768px ≈ Tablet + * 1024px ≈ Laptop + * 1444px ≈ Desktop + */ + @media only screen and (min-width: 768px) { - .col-m-1 {width: 8.33%;} - .col-m-2 {width: 16.66%;} - .col-m-3 {width: 25%;} - .col-m-4 {width: 33.33%;} - .col-m-5 {width: 41.66%;} - .col-m-6 {width: 50%;} - .col-m-7 {width: 58.33%;} - .col-m-8 {width: 66.66%;} - .col-m-9 {width: 75%;} - .col-m-10 {width: 83.33%;} - .col-m-11 {width: 91.66%;} - .col-m-12 {width: 100%;} - h1 { text-align: left; } + h1 { + text-align: left; + } .blog-post .entry-content { width: 80%; max-width: 1124px; } } -/* laptop and above */ @media only screen and (min-width: 1024px) { - .col-1 {width: 8.33%;} - .col-2 {width: 16.66%;} - .col-3 {width: 25%;} - .col-4 {width: 33.33%;} - .col-5 {width: 41.66%;} - .col-6 {width: 50%;} - .col-7 {width: 58.33%;} - .col-8 {width: 66.66%;} - .col-9 {width: 75%;} - .col-10 {width: 83.33%;} - .col-11 {width: 91.66%;} - .col-12 {width: 100%;} - #frontpage-img-wrapper { display: none; } + h5 { + text-align: left; + } + #frontpage-img-wrapper { + display: none; + } .wrapper-home { background-size: contain; background-repeat: no-repeat; background-position: right top; background-image: url("http://www.bengoldsworthy.uk/wp-content/uploads/2016/09/mebg.png"); } - h5 { text-align: left; } .blog-post .entry-content { padding: 20px 40px; background-color: #95b2bf; @@ -1092,20 +1012,7 @@ float: right; } } -/* desktop and above */ @media only screen and (min-width: 1444px) { - .col-w-1 {width: 8.33%;} - .col-w-2 {width: 16.66%;} - .col-w-3 {width: 25%;} - .col-w-4 {width: 33.33%;} - .col-w-5 {width: 41.66%;} - .col-w-6 {width: 50%;} - .col-w-7 {width: 58.33%;} - .col-w-8 {width: 66.66%;} - .col-w-9 {width: 75%;} - .col-w-10 {width: 83.33%;} - .col-w-11 {width: 91.66%;} - .col-w-12 {width: 100%;} .wrapper-home .row { margin-bottom: 20px; } diff --git a/taxonomy-company.php b/taxonomy-company.php index 99eafab..77a3753 100644 --- a/taxonomy-company.php +++ b/taxonomy-company.php @@ -95,7 +95,7 @@ $i = 0;
      ".get_queried_object()->name.""; + echo "

      ".get_queried_object()->name."

      "; the_archive_description( '
      ', '
      ' ); ?>
      @@ -103,7 +103,7 @@ $i = 0;
      -

      Children

      +

      Children