Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

clean up
All checks were successful
Run Integration Tests / test (push) Successful in 3m8s
Details

Browse source
This commit is contained in:
partisan 2025-05-09 08:42:08 +02:00
parent 81fb811111
commit 00bbb5c015
3 changed files with 37 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

31
static/css/style-loadingcircle.css Normal file
View file

@ -0,0 +1,31 @@
.favicon-wrapper {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
}
.favicon-wrapper.loading img {
visibility: hidden; /* hide placeholder */
}
.favicon-wrapper.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
margin: -8px 0 0 -8px;
border: 2px solid var(--html-bg);
border-top-color: var(--fg);
border-radius: 50%;
animation: spin 0.7s linear infinite;
z-index: 2;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}

10
static/js/dynamicscrollingtext.js
View file

@ -5,8 +5,8 @@
const hardCacheEnabled = templateData.getAttribute('data-hard-cache-enabled') === 'true'; const hardCacheEnabled = templateData.getAttribute('data-hard-cache-enabled') === 'true';
// Track all favicon/image elements and their IDs // Track all favicon/image elements and their IDs
const allMediaElements = []; let allMediaElements = [];
const allMediaIds = []; let allMediaIds = [];
let statusCheckTimeout = null; let statusCheckTimeout = null;
// Add loading effects to image/favicon and associated text // Add loading effects to image/favicon and associated text
@ -93,10 +93,8 @@
addLoadingEffects(imgElement); addLoadingEffects(imgElement);
if (hardCacheEnabled) { if (!hardCacheEnabled) {
imgElement.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='; imgElement.src = ''; // don't show anything until actual URL arrives
} else {
imgElement.src = '/static/images/placeholder.svg';
} }
// Schedule a status check if not already pending // Schedule a status check if not already pending

41
templates/text.html
View file

@ -10,52 +10,13 @@
<link rel="stylesheet" href="/static/css/style.css"> <link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="/static/css/{{.Theme}}.css"> <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
<link rel="stylesheet" href="/static/css/style-fonts.css"> <link rel="stylesheet" href="/static/css/style-fonts.css">
<link rel="stylesheet" href="/static/css/style-loadingindicator.css"> <link rel="stylesheet" href="/static/css/style-loadingcircle.css">
<link rel="stylesheet" href="/static/css/style-menu.css"> <link rel="stylesheet" href="/static/css/style-menu.css">
<link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml"> <link rel="search" type="application/opensearchdescription+xml" title="{{ translate "site_name" }}" href="/opensearch.xml">
<!-- Icons --> <!-- Icons -->
<link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml"> <link rel="icon" href="{{ .IconPathSVG }}" type="image/svg+xml">
<link rel="icon" href="{{ .IconPathPNG }}" type="image/png"> <link rel="icon" href="{{ .IconPathPNG }}" type="image/png">
<link rel="apple-touch-icon" href="{{ .IconPathPNG }}"> <link rel="apple-touch-icon" href="{{ .IconPathPNG }}">
<style>
.favicon-wrapper {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
}
.favicon-wrapper.loading img {
visibility: hidden; /* hide placeholder */
}
.favicon-wrapper.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
margin: -8px 0 0 -8px;
border: 2px solid var(--html-bg);
border-top-color: var(--fg);
border-radius: 50%;
animation: spin 0.7s linear infinite;
z-index: 2;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
/*
@keyframes loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
} */
</style>
</head> </head>
<body> <body>
<!-- Menu Button --> <!-- Menu Button -->