Skip to content

Commit

Permalink
fix: frontend cleanup (#30)
Browse files Browse the repository at this point in the history
  • Loading branch information
mymindishazel committed Apr 11, 2024
1 parent d7a550b commit b4554af
Show file tree
Hide file tree
Showing 14 changed files with 301 additions and 229 deletions.
1 change: 0 additions & 1 deletion config.toml
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,3 @@ highlight_code = true

[extra]
# Put all your custom variables here

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
"dependencies": {
"@picocss/pico": "^2.0.3"
}
}
}
54 changes: 29 additions & 25 deletions sass/style.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@

@use "../node_modules/@picocss/pico/scss/pico.scss" with (
$theme-color: "fuchsia"
);
@use "../node_modules/@picocss/pico/scss/pico.scss" with ($theme-color: "fuchsia");
@use "../node_modules/@picocss/pico/scss/colors" as *;

@import "../node_modules/@picocss/pico/css/pico.colors.css";


@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

.material-icons {
Expand All @@ -30,7 +26,7 @@ img {
max-width: 75%;
margin-left: auto;
margin-right: auto;
display:block;
display: block;
}

article {
Expand All @@ -44,7 +40,7 @@ main .container {
}

video {
width: 100%;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
Expand All @@ -60,8 +56,8 @@ small {
opacity: 0.8;
font-size: 0.7em;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-left: auto;
margin-right: auto;
display: block;
}

Expand All @@ -76,26 +72,29 @@ small p {
backdrop-filter: blur(1.5em) grayscale(0.8);
padding-top: 1em;
padding-bottom: 1em;
z-index: 10;

li {
width: auto;
list-style: none;
margin-bottom: 0px;

a {
text-decoration: none;
}

}

}

.sticky-toc {
left:50px;
left: 50px;
position: sticky;
top: 5px;
z-index: 10;

summary {
backdrop-filter: blur(0.5em);
}

}

aside {
Expand All @@ -105,24 +104,27 @@ aside {
padding: 1em;
border-radius: 10px;

ul, ol {
margin:auto;
ul,
ol {
margin: auto;
padding-left: 60px;
list-style:revert;
list-style: revert;
list-style-position: outside;

li {
padding:0px;
padding: 0px;
padding-bottom: 0.2em;
padding-left: 0.2em;
display:list-item;
display: list-item;
}

}

strong, img {
strong,
img {
margin-left: initial;
margin-right: initial;
display:initial;
display: initial;
animation: blink 1s steps(2, start) infinite;
}

Expand All @@ -134,12 +136,14 @@ aside {

@keyframes blink {
0% {
opacity: 1;
opacity: 1;
}

50% {
opacity: 0;
opacity: 0;
}

100% {
opacity: 1;
opacity: 1;
}
}
}
6 changes: 5 additions & 1 deletion static/icons/github-mark-white.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 6 additions & 1 deletion static/icons/new-alert_yellow.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions templates/404.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<head>
<title>404 LOL</title>
<title>404 LOL</title>
</head>

<body>
<h1>
404 SCREEN
</h1>
<h1>
404 SCREEN
</h1>
</body>
82 changes: 44 additions & 38 deletions templates/atom.xml
Original file line number Diff line number Diff line change
@@ -1,49 +1,55 @@
<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="{{ lang }}">
<title>{{ config.title }}

<title>{{ config.title }}
{%- if term %} - {{ term.name }}
{%- elif section.title %} - {{ section.title }}
{%- endif -%}
</title>
{%- if config.description %}
<subtitle>{{ config.description }}</subtitle>
{%- endif %}
<link rel="self" type="application/atom+xml" href="{{ feed_url | safe }}"/>
<link rel="alternate" type="text/html" href="
</title>

{%- if config.description %}
<subtitle>{{ config.description }}</subtitle>
{%- endif %}

<link rel="self" type="application/atom+xml" href="{{ feed_url | safe }}" />
<link rel="alternate" type="text/html" href="
{%- if section -%}
{{ section.permalink | escape_xml | safe }}
{%- else -%}
{{ config.base_url | escape_xml | safe }}
{%- endif -%}
"/>
<generator uri="https://www.getzola.org/">Zola</generator>
<updated>{{ last_updated | date(format="%+") }}</updated>
<id>{{ feed_url | safe }}</id>
{%- for page in pages %}
<entry xml:lang="{{ page.lang }}">
<title>{{ page.title }}</title>
<published>{{ page.date | date(format="%+") }}</published>
<updated>{{ page.updated | default(value=page.date) | date(format="%+") }}</updated>
{% for author in page.authors %}
<author>
<name>
{{ author }}
</name>
</author>
{% else %}
<author>
<name>
{%- if config.author -%}
{{ config.author }}
{%- else -%}
Unknown
{%- endif -%}
</name>
</author>
{% endfor %}
<link rel="alternate" type="text/html" href="{{ page.permalink | safe }}"/>
<id>{{ page.permalink | safe }}</id>
<content type="html" xml:base="{{ page.permalink | escape_xml | safe }}">{{ page.content }}</content>
</entry>
{%- endfor %}
" />

<generator uri="https://www.getzola.org/">Zola</generator>
<updated>{{ last_updated | date(format="%+") }}</updated>
<id>{{ feed_url | safe }}</id>

{%- for page in pages %}
<entry xml:lang="{{ page.lang }}">
<title>{{ page.title }}</title>
<published>{{ page.date | date(format="%+") }}</published>
<updated>{{ page.updated | default(value=page.date) | date(format="%+") }}</updated>
{% for author in page.authors %}
<author>
<name>
{{ author }}
</name>
</author>
{% else %}
<author>
<name>
{%- if config.author -%}
{{ config.author }}
{%- else -%}
Unknown
{%- endif -%}
</name>
</author>
{% endfor %}
<link rel="alternate" type="text/html" href="{{ page.permalink | safe }}" />
<id>{{ page.permalink | safe }}</id>
<content type="html" xml:base="{{ page.permalink | escape_xml | safe }}">{{ page.content }}</content>
</entry>
{%- endfor %}

</feed>

0 comments on commit b4554af

Please sign in to comment.