v1.1.1 - style changes to blog; updates to socmed links; contact image
This commit is contained in:
gv
parent
f243c0ce7b
commit
ae6b579b94
13 changed files with 133 additions and 77 deletions
24
package-lock.json
generated
24
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "visual-anatomy-3d",
|
||||
"version": "1.1.0",
|
||||
"version": "1.1.1",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "visual-anatomy-3d",
|
||||
"version": "1.1.0",
|
||||
"version": "1.1.1",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@glidejs/glide": "^3.4.1",
|
||||
|
|
@ -2245,14 +2245,20 @@
|
|||
}
|
||||
},
|
||||
"node_modules/caniuse-lite": {
|
||||
"version": "1.0.30001271",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001271.tgz",
|
||||
"integrity": "sha512-BBruZFWmt3HFdVPS8kceTBIguKxu4f99n5JNp06OlPD/luoAMIaIK5ieV5YjnBLH3Nysai9sxj9rpJj4ZisXOA==",
|
||||
"version": "1.0.30001429",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001429.tgz",
|
||||
"integrity": "sha512-511ThLu1hF+5RRRt0zYCf2U2yRr9GPF6m5y90SBCWsvSoYoW7yAGlv/elyPaNfvGCkp6kj/KFZWU0BMA69Prsg==",
|
||||
"dev": true,
|
||||
"funding": {
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/browserslist"
|
||||
},
|
||||
{
|
||||
"type": "tidelift",
|
||||
"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
|
||||
}
|
||||
]
|
||||
},
|
||||
"node_modules/caw": {
|
||||
"version": "2.0.1",
|
||||
|
|
@ -17011,9 +17017,9 @@
|
|||
}
|
||||
},
|
||||
"caniuse-lite": {
|
||||
"version": "1.0.30001271",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001271.tgz",
|
||||
"integrity": "sha512-BBruZFWmt3HFdVPS8kceTBIguKxu4f99n5JNp06OlPD/luoAMIaIK5ieV5YjnBLH3Nysai9sxj9rpJj4ZisXOA==",
|
||||
"version": "1.0.30001429",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001429.tgz",
|
||||
"integrity": "sha512-511ThLu1hF+5RRRt0zYCf2U2yRr9GPF6m5y90SBCWsvSoYoW7yAGlv/elyPaNfvGCkp6kj/KFZWU0BMA69Prsg==",
|
||||
"dev": true
|
||||
},
|
||||
"caw": {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "visual-anatomy-3d",
|
||||
"version": "1.1.0",
|
||||
"version": "1.1.1",
|
||||
"description": "Visual Anatomy 3D",
|
||||
"scripts": {
|
||||
"build-dev:webpack": "webpack",
|
||||
|
|
|
|||
|
|
@ -20,5 +20,6 @@
|
|||
<span class="alert form-alert alert--failure" id="otherError">Something went wrong. Try us on <a href="https://twitter.com/graphicvizion" target="_blank" style="font-weight: 600; color: #eee; text-decoration: underline;">Twitter</a> instead.</span>
|
||||
<span class="alert form-alert alert--success" id="success">Thanks! We'll contact you shortly.</span>
|
||||
</div>
|
||||
<img class="hide-on-mobile" src="./assets/images/contact.png" alt="Map of Utrecht, Netherlands showing GraphicViZion's office" title="Map of Utrecht, Netherlands showing GraphicViZion's office">
|
||||
</section>
|
||||
</article>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
<section>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/graphic_vizion/" target="_blank">
|
||||
<a href="https://www.instagram.com/graphicvizion/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<rect x="4" y="4" width="16" height="16" rx="4" />
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://play.google.com/store/apps/developer?id=Graphic-ViZion" target="_blank">
|
||||
<a href="https://play.google.com/store/apps/developer?id=GraphicViZion" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-google-play"
|
||||
width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,7 @@
|
|||
---
|
||||
pageName: ''
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html class="page--<%= pageName %>" lang="en" dir="ltr" style="--scrollbarWidth: 0px; --viewportWidth: calc(100vw - var(--scrollbarWidth));">
|
||||
|
||||
|
|
@ -56,6 +60,7 @@
|
|||
<meta property="og:description" content="<%= (!!locals.description) ? description : site.description %>" />
|
||||
<meta property="og:locale" content="<%= site.locale %>" />
|
||||
<meta property="og:site_name" content="<%= site.site_name %>" />
|
||||
<script async defer data-website-id="f74324cf-e86f-4993-8537-63ccd9698204" src="https://s9-analytics.altweb.me/umami.js"></script>
|
||||
<% if (locals.tags=="posts" ) { %>
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="article:published_time" content="<%= date.toISOString() %>" />
|
||||
|
|
|
|||
|
|
@ -22,6 +22,11 @@ pageName: post
|
|||
<%= this.dateFns.format(new Date(date), 'yyyy.LL.dd' ) %>
|
||||
</time>
|
||||
</div>
|
||||
<% if (locals.intro) { %>
|
||||
<div class="post__intro">
|
||||
<%= intro %>
|
||||
</div>
|
||||
<% } %>
|
||||
</header>
|
||||
<section class="post__content">
|
||||
<%- content %>
|
||||
|
|
|
|||
BIN
src/assets/images/contact.png
Normal file
BIN
src/assets/images/contact.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
|
|
@ -15,7 +15,9 @@
|
|||
|
||||
.contact__wrapper section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap:4rem;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.contact__wrapper .form {
|
||||
|
|
@ -33,6 +35,12 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.contact__wrapper img{
|
||||
width: min(35ch + 2rem, 90vw + 2rem);
|
||||
border-radius: var(--r-1);
|
||||
max-width: 34%;
|
||||
}
|
||||
|
||||
.contact__wrapper input {
|
||||
border-radius: max(1rem, 16pt);
|
||||
padding: 0.5em 1em;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
.hero__video {
|
||||
border-radius: var(--r-1);
|
||||
}
|
||||
|
|
@ -8,15 +6,28 @@
|
|||
background: var(--c-bkg);
|
||||
border-radius: var(--r-1) var(--r-1) 0 0;
|
||||
padding: var(--p-1);
|
||||
}
|
||||
|
||||
.page--home .hero__banner {
|
||||
position: absolute;
|
||||
bottom: calc(-1 * var(--offset));
|
||||
left: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.hero__banner h1 {
|
||||
width: 14ch;
|
||||
.page--post .hero__banner {
|
||||
position: relative;
|
||||
width: calc(100% - 8rem);
|
||||
left: 4rem;
|
||||
}
|
||||
|
||||
.hero__banner h1 {
|
||||
min-width: 14ch;
|
||||
font-size: 4.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.page--post .hero__banner h1 {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.banner-edge-left {
|
||||
position: absolute;
|
||||
|
|
@ -36,13 +47,13 @@
|
|||
}
|
||||
|
||||
.hero__info {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
right: 15%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
right: 15%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.no-flexbox-gap .hero__info > *:not(:last-child) {
|
||||
|
|
@ -50,8 +61,8 @@ align-items: center;
|
|||
}
|
||||
|
||||
.hero__info .platform-list {
|
||||
display: flex;
|
||||
gap: 0.8rem;
|
||||
display: flex;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.no-flexbox-gap .hero__info .platform-list > *:not(:last-child) {
|
||||
|
|
@ -59,33 +70,44 @@ gap: 0.8rem;
|
|||
}
|
||||
|
||||
.hero__info .platform-list svg {
|
||||
height: 1.8rem;
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
width: 1.8rem;
|
||||
}
|
||||
|
||||
.hero__info .platform-list svg path {
|
||||
fill: var(--c-2);
|
||||
opacity: 0.25;
|
||||
fill: var(--c-2);
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.btn--hero {
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
background: var(--c-3);
|
||||
border-radius: 999px;
|
||||
padding: 1.9rem 2rem;
|
||||
line-height: 1;
|
||||
color: black;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
background: var(--c-3);
|
||||
border-radius: 999px;
|
||||
padding: 1.9rem 2rem;
|
||||
line-height: 1;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.btn--hero:hover {
|
||||
background: var(--c-bkg);
|
||||
background: var(--c-bkg);
|
||||
}
|
||||
|
||||
|
||||
.hero__wrapper {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.page--home .hero__wrapper {
|
||||
--offset: 8rem;
|
||||
margin-bottom: var(--offset);
|
||||
padding: 0 2rem;
|
||||
--weird-gap: 0.04rem;
|
||||
z-index: 1; /* temp, to overlap slider */
|
||||
}
|
||||
|
||||
.page--post .hero__wrapper {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
|
@ -26,6 +26,17 @@
|
|||
.page--post .hero__banner{
|
||||
bottom: auto;
|
||||
top: var(--offset-from-top);
|
||||
top: calc(-1 * var(--r-1) + -3rem);
|
||||
margin-bottom: calc(-1 * var(--r-1) + -3rem);
|
||||
}
|
||||
|
||||
.post__intro{
|
||||
padding: 0 calc(4rem + var(--p-1));
|
||||
color: var(--c-3);
|
||||
font-size: 1.4rem;
|
||||
text-align: justify;
|
||||
font-style: italic;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
article#post{
|
||||
|
|
@ -37,7 +48,7 @@ article#post{
|
|||
}
|
||||
|
||||
article#post h1{
|
||||
color: var(--c-3);
|
||||
|
||||
}
|
||||
article#post > header{
|
||||
gap: 0;
|
||||
|
|
@ -63,8 +74,8 @@ article#post .post__content a{
|
|||
}
|
||||
|
||||
article#post .post__content img{
|
||||
width: 80%;
|
||||
margin: 2rem 10%;
|
||||
width: 100%;
|
||||
margin: 2rem 0;
|
||||
border-radius: var(--r-1);
|
||||
background-color: var(--c-1);
|
||||
}
|
||||
|
|
@ -154,7 +165,8 @@ article#post .post__content blockquote p {
|
|||
}
|
||||
|
||||
article#post .post__content p{
|
||||
margin: 1em 0;
|
||||
margin: 1.5em 0;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
article#post .post__content hr{
|
||||
|
|
|
|||
|
|
@ -318,12 +318,9 @@ h2.blog-header{
|
|||
font-size: 2.3rem;
|
||||
}
|
||||
|
||||
.page--home .hero__wrapper {
|
||||
--offset: 8rem;
|
||||
margin-bottom: var(--offset);
|
||||
padding: 0 2rem;
|
||||
--weird-gap: 0.04rem;
|
||||
z-index: 1; /* temp, to overlap slider */
|
||||
iframe{
|
||||
border-radius: var(--r-1);
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
@import '_nav.css';
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ title: 'Cheatsheet'
|
|||
description: 'Watch here for my future blog.'
|
||||
date: 2022-09-08T00:00:00Z
|
||||
image: 003.jpg
|
||||
intro: 'hfgjgjfjhhjdgf'
|
||||
---
|
||||
|
||||
# h1 Heading
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
---
|
||||
title: 'test post'
|
||||
title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, consectetur adipiscing elit'
|
||||
description: 'Watch here for my future blog.'
|
||||
date: 2020-28-08T00:00:00Z
|
||||
image: 002.jpg
|
||||
intro: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
|
||||
---
|
||||
|
||||
|
||||
|
||||
# Lorem ipsum
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do [eiusmod tempor incididunt]() ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
|
|||
Loading…
Reference in a new issue