SelfPrivacy/selfprivacy.org
1
0
Fork 0
mirror of https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git synced 2025-02-03 06:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: svg placeholder style

Browse source
This commit is contained in:
nevfy 2024-04-12 02:19:53 +03:00
parent ecc8f46e2b
commit b8e58cba1f
4 changed files with 31 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/scss/_styles_project.scss
View file

@ -82,7 +82,7 @@
width: max-content; width: max-content;
& > .error { & > .error {
min-height: 6rem; min-height: 6rem;
min-width: 4rem; min-width: 6rem;
} }
} }
@ -150,5 +150,17 @@ a.nav-link.sp-coming-soon {
} }
.error { .error {
background-color: lightgray; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 2rem;
padding: 1rem;
background-color: transparent;
border: lightgray solid .25rem;
border-radius: .5rem;
& > i {
color: lightgray;
}
} }

10
content/en/_index.html
View file

@ -194,12 +194,18 @@ linkTitle = "SelfPrivacy"
<div class="card-body sp-supported-by-list"> <div class="card-body sp-supported-by-list">
<a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer"> <a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer">
<object role="img" aria-label="NLnet foundation" class="d-flex justify-content-center align-items-center sp-supperted-by-img" type="image/svg+xml" data="/images/logos/nlnet.svg"> <object role="img" aria-label="NLnet foundation" class="d-flex justify-content-center align-items-center sp-supperted-by-img" type="image/svg+xml" data="/images/logos/nlnet.svg">
<div class="error">NLnet foundation</div> <div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
NLnet foundation
</div>
</object> </object>
</a> </a>
<a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer"> <a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer">
<object role="img" aria-label="Privacy Accelerator" class="d-flex justify-content-center align-items-center sp-supperted-by-img" type="image/svg+xml" data="/images/logos/PrivacyAcceleratorLogo.svg"> <object role="img" aria-label="Privacy Accelerator" class="d-flex justify-content-center align-items-center sp-supperted-by-img" type="image/svg+xml" data="/images/logos/PrivacyAcceleratorLogo.svg">
<div class="error">Privacy Accelerator</div> <div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
Privacy Accelerator
</div>
</object> </object>
</a> </a>
</div> </div>

8
layouts/shortcodes/landing-feature.html
View file

@ -12,7 +12,9 @@
{{ if $illustration }} {{ if $illustration }}
<div class="col-md-4 col-xs-12 my-auto"> <div class="col-md-4 col-xs-12 my-auto">
<object role="img" class="d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}"> <object role="img" class="d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
<div class="error sp-feature-img"></div> <div class="error sp-feature-img">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object> </object>
</div> </div>
{{ end }} {{ end }}
@ -20,7 +22,9 @@
{{ if $illustration }} {{ if $illustration }}
<div class="col-md-4 col-xs-12 my-auto"> <div class="col-md-4 col-xs-12 my-auto">
<object role="img" class="d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}"> <object role="img" class="d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
<div class="error sp-feature-img"></div> <div class="error sp-feature-img">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object> </object>
</div> </div>
{{ end }} {{ end }}

4
layouts/shortcodes/landing-service.html
View file

@ -2,7 +2,9 @@
{{ $title := .Get 1 }} {{ $title := .Get 1 }}
<div class="card sp-service-card h-100"> <div class="card sp-service-card h-100">
<object class="d-flex justify-content-center align-items-center card-img-top sp-service-icon" type="image/svg+xml" data="{{ $illustration }}"> <object class="d-flex justify-content-center align-items-center card-img-top sp-service-icon" type="image/svg+xml" data="{{ $illustration }}">
<div class="error"></div> <div class="error">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
</object> </object>
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{ $title }}</h4> <h4 class="card-title">{{ $title }}</h4>