offen.software/website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: offen.software:a573cb014f49256bd5ace9edd01f750cd84d912a
Branches Tags
offen.software:main
offen.software:test-branch
..
compare: offen.software:f85ac66e3c0fd050aecd073f2834d6033fac6619
Branches Tags
offen.software:main
offen.software:test-branch

4 Commits
a573cb014f ... f85ac66e3c

Author SHA1 Message Date
hendr-ik
f85ac66e3c animation details 2024-01-17 20:47:22 +01:00
hendr-ik
4ee5e7a5a0 Merge branch 'main' of git.offen.dev:offen.software/website into animation 2024-01-17 20:46:08 +01:00
hendr-ik
5c2b84e641 animation (#21)
All checks were successful
Build / build (push) Successful in 2m20s
Details 
Reviewed-on: #21
Co-authored-by: hendr-ik <hello@niefeld.com>
Co-committed-by: hendr-ik <hello@niefeld.com>
 2024-01-17 20:37:27 +01:00
Frederik Ring
74f62de1b9 Allow inline script, add back SITEURL, remove unused layout template (#20)
All checks were successful
Build / build (push) Successful in 2m25s
Details 
Reviewed-on: #20
 2024-01-17 19:42:38 +01:00
3 changed files with 31 additions and 39 deletions
Show Stats Expand all files Collapse all files

25
website/theme/static/css/styles.css
View File

@ -131,7 +131,7 @@ ANIMATION
}
/* ---------- */
.a-040-030 circle {
animation: show-hide-10 10s ease infinite;
animation: show-hide-18 18s ease infinite;
transform-origin: center;
}
/* ---------- */
@ -269,6 +269,29 @@ ANIMATION
transform: scale(0.8);
}
}
/* --- 18 ------------------ */
@keyframes show-hide-18 {
0% {
opacity: 1;
transform: scale(1);
}
34% {
opacity: 1;
transform: scale(1);
}
36% {
opacity: 0;
transform: scale(0.8);
}
56% {
opacity: 0;
transform: scale(0.8);
}
58% {
opacity: 1;
transform: scale(1);
}
}
/* --- 20 ------------------ */
@keyframes show-hide-20 {
0% {

31
website/theme/templates/_layout.html
View File

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html lang="en">
{% block head %}
<head>
<title>
{% block title %}{{ title }}{% endblock %}
</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta name="description" content="{{ description }}">
<meta property="og:site_name" content="{{ SITENAME }}">
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ description }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ SITEURL }}/{{ href }}">
<link rel="canonical" href="{{ SITEURL }}/{{ href }}">
{% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/styles.css" %}
<link rel="stylesheet" href="/{{ ASSET_URL }}">
{% endassets %}
</head>
{% endblock %}
<body class="no-js">
{% block body %}{% endblock %}
<script>
document.body.classList.remove('no-js');
</script>
</body>
</html>

14
website/theme/templates/base.html
View File

@ -7,7 +7,7 @@
</title>
<meta charset="UTF-8">
<meta name="referrer" content="origin">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'sha256-7Hd/IgrXemM6wv52sTjhE6aUeBB8Ax4RL3q0GMuOMtQ='">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta name="description" content="{{ description }}">
@ -16,15 +16,15 @@
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ description }}">
<meta property="og:type" content="website">
<!--
<meta property="og:url" content="{{ SITEURL }}">
<link rel="canonical" href="{{ SITEURL }}">
<!--
<meta property="og:image" content="{{ SITEURL }}/theme/images/###">
-->
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/site-favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/theme/images/site-apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/theme/images/site-favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/theme/images/site-favicon-16x16.png">
-->
<link rel="shortcut icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/site-favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="{{ SITEURL }}/theme/images/site-apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{ SITEURL }}/theme/images/site-favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{ SITEURL }}/theme/images/site-favicon-16x16.png">
{% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/styles.css", "css/fonts.css" %}
<link rel="stylesheet" href="/{{ ASSET_URL }}">