Resume page working, many other small improvements

This commit is contained in:
Adam Piontek 2021-07-09 15:43:11 -04:00
parent d9b2b6946a
commit 1e708c02a3
11 changed files with 129 additions and 60 deletions

View file

@ -2,7 +2,7 @@
/**
* The default archive page template.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/

View file

@ -131,7 +131,7 @@ a {
}
/* front page styles */
#front-page img.wp-post-image {
#tek-front-page img.wp-post-image {
@extend .img-fluid;
@extend .border;
// @extend .border-20;
@ -140,12 +140,51 @@ a {
border-width: 18px !important;
width: 100%;
}
#front-page h2 {
#tek-front-page h2, header h2 {
@extend .fs-2;
@extend .fw-600;
@extend .mb-0;
}
/* resume styles */
.tek-separator {
display: flex;
align-items: center;
text-align: center;
color: $gray-400;
font-family: $font-family-monospace;
font-size: 1.2rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 600;
margin-top: 2rem;
margin-bottom: .75rem;
&::before,
&::after {
content: "";
flex: 1;
border-bottom: 1px solid $secondary;
}
&:not(:empty)::before {
margin-right: 0.5em;
}
&:not(:empty)::after {
margin-left: 0.33em;
}
}
#tek-page-resume {
.tek-qualifications {
margin-bottom: 2rem;
}
.tek-employer {
@extend .border-bottom;
@extend .border-gray;
border-bottom-style: dashed !important;
}
}
/* social icons */
#social-icons .link-light {
border-bottom: none;
@ -193,29 +232,6 @@ blockquote {
}
}
/* resume separators */
.separator {
display: flex;
align-items: center;
text-align: center;
color: $gray-400;
font-family: $font-family-monospace;
font-size: smaller;
text-transform: uppercase;
font-weight: 700;
&::before,
&::after {
content: "";
flex: 1;
border-bottom: 1px solid $secondary;
}
&:not(:empty)::before {
margin-right: 0.5em;
}
&:not(:empty)::after {
margin-left: 0.33em;
}
}
/* blog */
.post-title a {

View file

@ -2,7 +2,7 @@
/**
* The article template.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/

View file

@ -1,8 +1,8 @@
<?php
/**
* The default single page template.
* The 73k theme static front page style
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/
@ -10,7 +10,7 @@ namespace WP_73k;
get_header('', array('fixednav'=>true)); ?>
<main class="container-fluid h-100 d-flex justify-content-center align-items-center">
<div class="d-flex flex-column-reverse flex-lg-row align-items-lg-end mt-5" id="front-page">
<div class="d-flex flex-column-reverse flex-lg-row align-items-lg-end mt-5" id="tek-front-page">
<?php
if ( have_posts() ) {

View file

@ -2,7 +2,7 @@
/**
* The default single page template.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/

44
page-resume.php Normal file
View file

@ -0,0 +1,44 @@
<?php
/**
* The 73k theme
*
* @author Adam Piontek
* @since 1.0.0
*/
namespace WP_73k;
get_header(); ?>
<main class="container d-flex justify-content-center">
<div class="col-12 col-md-9 col-lg-8 col-xl-7 col-xxl-6 border-bottom border-gray pb-4 mb-3" id="tek-page-resume">
<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post(); ?>
<article itemscope itemtype="https://schema.org/CreativeWork">
<header>
<h2>
<?php
echo svg_icon_use('mdi-account', 'icon baseline');
echo ' ' . get_the_author_meta('display_name');
?>
</h2>
</header>
<div class="article">
<?php the_content(); ?>
</div>
</article>
<?php
}
} ?>
</div>
</main>
<?php
get_footer();

View file

@ -2,7 +2,7 @@
/**
* The default single page template.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/
@ -10,34 +10,43 @@ namespace WP_73k;
get_header(); ?>
<main class="container d-flex justify-content-center">
<div class="col-12 col-md-10 col-lg-9 col-xl-8 col-xxl-7 border-bottom border-gray pb-4 mb-3">
<div class="col-12 col-md-10 col-lg-9 col-xl-8 col-xxl-7 border-bottom border-gray pb-3 mb-5 mt-3">
<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post(); ?>
<article itemscope itemtype="https://schema.org/CreativeWork">
<header>
<h2 class="fs-2 fw-600 mb-2">
<?php
if ( is_archive() || is_home() ) {
printf( '<a href="%s" rel="bookmark">%s</a>',
esc_url( get_the_permalink() ),
esc_html( get_the_title() )
);
} else {
echo get_the_title();
} ?>
</h2>
</header>
<article itemscope itemtype="https://schema.org/CreativeWork">
<div class="article">
<?php
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail( get_the_ID(), 'large', ['class' => 'rounded shadow-lg'] );
<header>
<h2 class="fs-2 fw-600 mb-0">
<?php
if ( is_archive() || is_home() ) {
printf( '<a href="%s" rel="bookmark">%s</a>',
esc_url( get_the_permalink() ),
esc_html( get_the_title() )
);
} else {
echo get_the_title();
} ?>
</h2>
</header>
<div class="article">
<?php
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail( get_the_ID(), 'large', ['class' => 'rounded shadow-lg'] );
}
the_content(); ?>
</div>
</article>
<?php
}
the_content(); ?>
</div>
</article>
} ?>
</div>
</main>

View file

@ -74,7 +74,7 @@ function get_social_icons_prof() {
}
function social_icons_str($icons_arr) {
$out_str = '<div id="social-icons" class="mt-1">';
$out_str = '<div id="social-icons">';
foreach ($icons_arr as $i=>$social) {
$pad = $i == 0 ? 'pe-1' : ($i == (count($icons_arr) - 1) ? 'ps-1' : 'px-1');
$out_str .= '<a href="' . $social['url'] . '" rel="noreferrer" target="' . $social['target'];

View file

@ -2,7 +2,7 @@
/**
* This file adds functions and actions for classes.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/

View file

@ -5,7 +5,7 @@ namespace WP_73k;
/**
* Set up theme defaults and registers support for various WordPress features.
*
* @author Freeshifter LLC
* @author Adam Piontek
* @since 1.0.0
*/
add_action( 'after_setup_theme', function () {

View file

@ -3,7 +3,7 @@
* Theme URI: https://73k.us/git....
* Author: Adam Piontek
* Author URI: https://73k.us
* Version: 0.0.1
* Version: 1.0.0
* License: GNU General Public License v3 or later
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain: wp-73k