Skip to content

Commit

Permalink
Updated tag and author list to use TW CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
@peterzimon
peterzimon committed Jan 27, 2024
1 parent 35513d4 commit e38ede8
Show file tree
Hide file tree
Showing 4 changed files with 61 additions and 149 deletions.
115 changes: 47 additions & 68 deletions assets/built/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -564,6 +564,11 @@ video {
margin: 4vmin;
}

.mx-\[0\.75vmin\] {
margin-left: 0.75vmin;
margin-right: 0.75vmin;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
Expand All @@ -578,6 +583,10 @@ video {
margin-bottom: 1.2rem;
}

.mb-\[1\.5em\] {
margin-bottom: 1.5em;
}

.mb-\[10vh\] {
margin-bottom: 10vh;
}
Expand All @@ -590,6 +599,18 @@ video {
margin-left: 4rem;
}

.mt-0 {
margin-top: 0px;
}

.mt-\[0\.3em\] {
margin-top: 0.3em;
}

.mt-\[2vmin\] {
margin-top: 2vmin;
}

.mt-\[3vmin\] {
margin-top: 3vmin;
}
Expand Down Expand Up @@ -634,6 +655,10 @@ video {
height: 3.2rem;
}

.h-\[12vmin\] {
height: 12vmin;
}

.h-full {
height: 100%;
}
Expand All @@ -650,6 +675,10 @@ video {
width: 3.2rem;
}

.w-\[12vmin\] {
width: 12vmin;
}

.w-full {
width: 100%;
}
Expand Down Expand Up @@ -773,6 +802,10 @@ video {
word-break: break-all;
}

.rounded-full {
border-radius: 9999px;
}

.bg-inherit {
background-color: inherit;
}
Expand All @@ -797,6 +830,11 @@ video {
padding-right: 4vmin;
}

.px-\[6vmin\] {
padding-left: 6vmin;
padding-right: 6vmin;
}

.py-\[4vmin\] {
padding-top: 4vmin;
padding-bottom: 4vmin;
Expand All @@ -807,6 +845,10 @@ video {
padding-bottom: 8vmin;
}

.pb-\[4vmin\] {
padding-bottom: 4vmin;
}

.pb-\[8vmin\] {
padding-bottom: 8vmin;
}
Expand Down Expand Up @@ -912,6 +954,10 @@ video {
text-decoration-line: none;
}

.opacity-50 {
opacity: 0.5;
}

.opacity-75 {
opacity: 0.75;
}
Expand Down Expand Up @@ -1018,6 +1064,7 @@ via the @apply function
list-style-type: none;
flex-wrap: wrap;
align-items: center;
gap: 1.6rem;
}

.gh-head-menu .nav li {
Expand Down Expand Up @@ -1452,31 +1499,6 @@ production stylesheet in assets/built/screen.css using: npm run dev
/* Page
/* ---------------------------------------------------------- */

/* .gh-page-head {
margin: 0 auto;
padding: 8vmin 0 4vmin;
text-align: center;
}
.gh-page-image {
margin: 4vmin 0 0 0;
}
.gh-page-head > p {
max-width: 720px;
margin: 0.3em auto 0;
padding: 0 6vmin;
font-size: 1.3em;
line-height: 1.4em;
opacity: 0.5;
}
@media (max-width: 700px) {
.gh-page-head > p {
font-size: 1.6rem;
}
} */

/* Post
/* ---------------------------------------------------------- */

Expand All @@ -1488,49 +1510,6 @@ production stylesheet in assets/built/screen.css using: npm run dev
/* Author Archive
/* ---------------------------------------------------------- */

/* .gh-author-image {
height: 12vmin;
width: 12vmin;
margin: 0 auto 1.5em;
border-radius: 100%;
overflow: hidden;
object-fit: cover;
}
.gh-author-meta {
margin: 2vmin 0 0 0;
font-size: 1.2em;
}
.gh-author-links {
display: flex;
align-items: center;
justify-content: center;
}
.gh-author-links a {
position: relative;
display: inline-flex;
align-items: center;
margin: 0 0.75vmin;
}
.gh-author-links a + a:before {
display: block;
content: "";
margin: 0 1.25vmin 0 0;
height: 1em;
width: 1px;
background: rgba(0,0,0,0.3);
transform: rotate(20deg);
}
@media (max-width: 700px) {
.gh-author-meta {
font-size: 1.6rem;
}
} */

.before\:absolute::before {
content: var(--tw-content);
position: absolute;
Expand Down
69 changes: 1 addition & 68 deletions assets/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ via the @apply function
/* Primary Navigation
/* ---------------------------------------------------------- */
.gh-head-menu .nav {
@apply inline-flex flex-wrap items-center list-none;
@apply inline-flex flex-wrap items-center list-none gap-4;
}

.gh-head-menu .nav li {
Expand Down Expand Up @@ -406,30 +406,6 @@ production stylesheet in assets/built/screen.css using: npm run dev
/* Page
/* ---------------------------------------------------------- */

/* .gh-page-head {
margin: 0 auto;
padding: 8vmin 0 4vmin;
text-align: center;
}
.gh-page-image {
margin: 4vmin 0 0 0;
}
.gh-page-head > p {
max-width: 720px;
margin: 0.3em auto 0;
padding: 0 6vmin;
font-size: 1.3em;
line-height: 1.4em;
opacity: 0.5;
}
@media (max-width: 700px) {
.gh-page-head > p {
font-size: 1.6rem;
}
} */


/* Post
Expand All @@ -443,46 +419,3 @@ production stylesheet in assets/built/screen.css using: npm run dev

/* Author Archive
/* ---------------------------------------------------------- */

/* .gh-author-image {
height: 12vmin;
width: 12vmin;
margin: 0 auto 1.5em;
border-radius: 100%;
overflow: hidden;
object-fit: cover;
}
.gh-author-meta {
margin: 2vmin 0 0 0;
font-size: 1.2em;
}
.gh-author-links {
display: flex;
align-items: center;
justify-content: center;
}
.gh-author-links a {
position: relative;
display: inline-flex;
align-items: center;
margin: 0 0.75vmin;
}
.gh-author-links a + a:before {
display: block;
content: "";
margin: 0 1.25vmin 0 0;
height: 1em;
width: 1px;
background: rgba(0,0,0,0.3);
transform: rotate(20deg);
}
@media (max-width: 700px) {
.gh-author-meta {
font-size: 1.6rem;
}
} */
20 changes: 10 additions & 10 deletions author.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,32 +4,32 @@
<div class="gh-container w-full max-w-[1200px] mx-auto">

{{#author}}
<header class="gh-page-head">
<header class="gh-page-head mx-auto pt-[8vmin] pb-[4vmin]">
{{#if profile_image}}
<img class="gh-author-image" src="{{profile_image}}" alt="{{name}}" />
<img class="gh-author-image rounded-full h-[12vmin] w-[12vmin] mt-0 mx-auto mb-[1.5em] overflow-hidden object-cover" src="{{profile_image}}" alt="{{name}}" />
{{/if}}

<h1>{{name}}</h1>
<h1 class="mx-auto text-center">{{name}}</h1>
{{#if bio}}
<p>{{bio}}</p>
<p class="max-w-[720px] mt-[0.3em] mx-auto px-[6vmin] text-sm opacity-50 text-center">{{bio}}</p>
{{/if}}

<div class="gh-author-meta">
<div class="gh-author-links">
<div class="gh-author-meta mt-[2vmin] text-sm">
<div class="gh-author-links flex items-center justify-center">
{{#if website}}
<a href="{{website}}" target="_blank" rel="noopener">Website</a>
<a class="relative inline-flex center mx-[0.75vmin]" href="{{website}}" target="_blank" rel="noopener">Website</a>
{{/if}}
{{#if twitter}}
<a href="{{twitter_url}}" target="_blank" rel="noopener">Twitter</a>
<a class="relative inline-flex center mx-[0.75vmin]" href="{{twitter_url}}" target="_blank" rel="noopener">Twitter</a>
{{/if}}
{{#if facebook}}
<a href="{{facebook_url}}" target="_blank" rel="noopener">Facebook</a>
<a class="relative inline-flex center mx-[0.75vmin]" href="{{facebook_url}}" target="_blank" rel="noopener">Facebook</a>
{{/if}}
</div>
</div>

{{#if cover_image}}
<img class="gh-page-image" src="{{cover_image}}" alt="{{name}}" />
<img class="gh-page-image mt-[4vmin]" src="{{cover_image}}" alt="{{name}}" />
{{/if}}
</header>
{{/author}}
Expand Down
6 changes: 3 additions & 3 deletions tag.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,11 @@
<div class="gh-container w-full max-w-[1200px] mx-auto">

{{#tag}}
<header class="gh-page-head">
<header class="gh-page-head mx-auto pt-[8vmin] pb-[4vmin]">

<h1>{{name}}</h1>

<p>
<p class="max-w-[720px] mt-[0.3em] mx-auto px-[6vmin] text-sm opacity-50 text-center">{{bio}}</p>
{{#if description}}
{{description}}
{{else}}
Expand All @@ -17,7 +17,7 @@
</p>

{{#if feature_image}}
<img class="gh-page-image" src="{{feature_image}}" alt="{{name}}" />
<img class="gh-page-image mt-[4vmin]" src="{{feature_image}}" alt="{{name}}" />
{{/if}}

</header>
Expand Down

0 comments on commit e38ede8

Please sign in to comment.