evan/ewpratten.com
1
Fork 0
Code Actions

speed tweaks

Browse Source
This commit is contained in:
Evan Pratten 2022-12-03 10:28:06 -05:00
parent 6af62dc83a
commit 81173d5cbd
6 changed files with 42 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
Makefile
View File

@ -1,14 +1,28 @@
static/dist: static/dist/line-awesome/fonts static/dist/github-markdown-css/github-markdown-light.css
static/dist: static/dist/line-awesome/svg static/dist/github-markdown-css/github-markdown-light.css
static/dist/line-awesome/fonts: node_modules/line-awesome/dist/line-awesome/fonts
mkdir -p $@
cp -r $</* $@
static/dist/line-awesome/svg: static/dist/line-awesome/svg/envelope.svg static/dist/line-awesome/svg/github.svg static/dist/line-awesome/svg/linkedin.svg static/dist/line-awesome/svg/ellipsis-h-solid.svg
static/dist/line-awesome/svg/envelope.svg: node_modules/line-awesome/svg/envelope.svg
mkdir -p $(dir $@)
cp $< $@
static/dist/line-awesome/svg/github.svg: node_modules/line-awesome/svg/github.svg
mkdir -p $(dir $@)
cp $< $@
static/dist/line-awesome/svg/linkedin.svg: node_modules/line-awesome/svg/linkedin.svg
mkdir -p $(dir $@)
cp $< $@
static/dist/github-markdown-css/github-markdown-light.css: node_modules/github-markdown-css/github-markdown-light.css
@mkdir -p $(dir $@)
cp $< $@
static/dist/line-awesome/svg/ellipsis-h-solid.svg: node_modules/line-awesome/svg/ellipsis-h-solid.svg
mkdir -p $(dir $@)
cp $< $@
node_modules:
npm install

2
config.toml
View File

@ -25,7 +25,7 @@ domain_name = "ewpratten.com"
# Me
name = "Evan Pratten"
profession = "Software Developer"
profile_photo = "https://branding.ewpratten.com/pfp/2022/460x460.png"
profile_photo = "https://branding.ewpratten.com/pfp/2022/460x460.webp"
# Accounts
email = "evan@ewpratten.com"
github = "ewpratten"

2
sass/global.scss
View File

@ -8,9 +8,7 @@
@import "styles/fixes/youtube";
// Core stuff
@import "styles/icons";
@import "styles/layout";
@import "styles/typography";
@import "styles/utils";
// Always-loaded components

12
sass/styles/components/about-card.scss
View File

@ -49,8 +49,16 @@
line-height: 1.25em;
margin: 0;
padding: 0;
}
padding: 0;
.about-quick-link{
img{
display: inline-block;
height: 1em;
width: 1em;
filter: invert(9%) sepia(97%) saturate(6581%) hue-rotate(247deg) brightness(94%) contrast(144%);
}
}
}
}
}
}

7
templates/base.html
View File

@ -29,12 +29,15 @@
{# External styles #}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" lazyload>
{# Site-wide styles #}
<link rel="stylesheet" href="/dist/github-markdown-css/github-markdown-light.css">
<link rel="stylesheet" href="/global.css">
{# Less important styles #}
<link rel="stylesheet" href="/dist/github-markdown-css/github-markdown-light.css" lazyload>
<link rel="stylesheet" href="/styles/typography.css">
{# Component styles #}
{% block component_styles %}
{% endblock component_styles %}

17
templates/components/about-card.html
View File

@ -15,26 +15,27 @@
<div class="quick-links">
<ul>
<li>
<a href="mailto:{{config.extra.email}}" rel="me">
<i class="las la-envelope"></i>
<a class="about-quick-link" href="mailto:{{config.extra.email}}" rel="me">
<img src="/dist/line-awesome/svg/envelope.svg" alt="email: " loading="lazy">
{{config.extra.email}}
</a>
</li>
<li>
<a href="https://github.com/{{config.extra.github}}" rel="me">
<i class="lab la-github"></i>
<a class="about-quick-link" href="https://github.com/{{config.extra.github}}" rel="me">
<img src="/dist/line-awesome/svg/github.svg" alt="github: " loading="lazy">
{{config.extra.github}}
</a>
</li>
<li>
<a href="https://linkedin.com/in/{{config.extra.linkedin}}" rel="me">
<i class="lab la-linkedin"></i>
<a class="about-quick-link" href="https://linkedin.com/in/{{config.extra.linkedin}}" rel="me">
<img src="/dist/line-awesome/svg/linkedin.svg" alt="linkedin: " loading="lazy">
{{config.extra.linkedin}}
</a>
</li>
<li>
<a href="/contact">
...&nbsp;&nbsp;more
<a class="about-quick-link" href="/contact">
<img src="/dist/line-awesome/svg/ellipsis-h-solid.svg" alt="... " loading="lazy">
more
</a>
</li>
</ul>