added initial slash to image paths and disabled image compression to test on ios

This commit is contained in:
Spencer Flagg
2022-10-22 18:17:56 +02:00
parent 443254a087
commit 9ca6779388
15 changed files with 37 additions and 43 deletions

View File

@@ -23,7 +23,7 @@
{% if pseudoservice.slug in service.pseudoservices %}
<div class="service__content" >
<a class="service__link" href="https://marketplace.start9.com/{{service.slug}}" target="_blank" rel="noopener noreferrer">
<img class="service__image service__image--{{ service.slug }}" src="assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} embassyOS service icon" title="{{ service.name }} embassyOS service icon"
<img class="service__image service__image--{{ service.slug }}" src="/assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} embassyOS service icon" title="{{ service.name }} embassyOS service icon"
style="filter: drop-shadow(0px 0px 3rem {{ service.color }}C0)"/>
<div class="service__info">
<h3 class="service__name">{{ service.name }}</h3>

View File

@@ -20,7 +20,7 @@
{% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
<img
class="service-icon service-icon--{{ service.slug }}"
src="assets/images/service-icons/{{ service.slug }}.png"
src="/assets/images/service-icons/{{ service.slug }}.png"
alt="{{ service.name }} embassyOS service icon"
alt="{{ service.name }} embassyOS service icon"/>
{% endif %}

View File

@@ -14,7 +14,7 @@
</div>
</div>
<div class="col hide-on-mobile">
<div class="code-wrapper"><img src="assets/images/dockerfile.png" alt="screenshot of dockerfile" title="screenshot of dockerfile"></div>
<div class="code-wrapper"><img src="/assets/images/dockerfile.png" alt="screenshot of dockerfile" title="screenshot of dockerfile"></div>
</div>
</div>
</section>

View File

@@ -1,7 +1,7 @@
<section id="hero">
<div id="hero-image">
<img src="assets/images/explosion.png" alt="start9 hero; voxel explosion" title="start9 hero; voxel explosion">
<img as="image" class="img-shadow" src="assets/images/explosion.png" alt="">
<img src="/assets/images/explosion.png" alt="start9 hero; voxel explosion" title="start9 hero; voxel explosion">
<img as="image" class="img-shadow" src="/assets/images/explosion.png" alt="">
</div>
<div id="logo">
{% include "svgs/logo.svg" %}

View File

@@ -1,8 +1,8 @@
<section id="products">
<div class="subsection subsection--buy panel--shadow">
<a class="product product--buy" href="{{ site.products.buyUrl }}">
<img class="product__buy-image" src="assets/images/embassy-pro-sketch.png" alt="prefab embassy, represented in voxels" title="prefab embassy, represented in voxels">
<img class="img-shadow" src="assets/images/embassy-pro-sketch.png" alt="">
<img class="product__buy-image" src="/assets/images/embassy-pro-sketch.png" alt="prefab embassy, represented in voxels" title="prefab embassy, represented in voxels">
<img class="img-shadow" src="/assets/images/embassy-pro-sketch.png" alt="">
<div class="heading">
<h1 class="product__header">buy</h1>
<span class="product__subheader">your embassy</span>

View File

@@ -15,8 +15,8 @@
</div>
<div class="col">
<div class="image-with-shadow">
<img src="assets/images/support-header.png" alt="life preserver icon" title="life preserver icon">
<img class="img-shadow" src="assets/images/support-header.png" alt=""></div>
<img src="/assets/images/support-header.png" alt="life preserver icon" title="life preserver icon">
<img class="img-shadow" src="/assets/images/support-header.png" alt=""></div>
</div>
</div>
<a class="btn" href="{{ site.support.url }}">meet the team</a>

View File

@@ -6,7 +6,7 @@
<p>Right now, your favorite apps send your personal data off to live on a server somewhere else - where it can be analyzed, censored, sold or worse.</p>
</div>
<div class="path-node path-node-img">
<img src="assets/images/big-tech-theft.gif" alt="">
<img src="/assets/images/big-tech-theft.gif" alt="">
</div>
</div>
<div class="row">
@@ -14,7 +14,7 @@
<p>But when you run your own server, you control your data. Your data never has to leave the privacy of your own home.</p>
</div>
<div class="path-node path-node-img">
<img src="assets/images/big-tech-fail.gif" alt="">
<img src="/assets/images/big-tech-fail.gif" alt="">
</div>
</div>
</div>

View File

@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
<section id="hero" class="hero--about">
<div id="hero-image">
<img src="assets/images/about-hero.png" alt="about page hero image: a robot emerging from the embasssy" title="about page hero image: a robot emerging from the embasssy"/>
<img class="img-shadow" src="assets/images/about-hero.png" alt=""/>
<img src="/assets/images/about-hero.png" alt="about page hero image: a robot emerging from the embasssy" title="about page hero image: a robot emerging from the embasssy"/>
<img class="img-shadow" src="/assets/images/about-hero.png" alt=""/>
</div>
<div id="logo">
<h1>
@@ -48,13 +48,13 @@ layout: layouts/peripheral.njk
<h2>Mission</h2>
<div class="section__double-image">
<div class="section__image section__image--left">
<img src="assets/images/mission-left-header.png" alt="mission section hero: a rocketship trail" title="mission section hero: a rocketship trail"/>
<img class="img-shadow" src="assets/images/mission-left-header.png" alt=""/>
<img src="/assets/images/mission-left-header.png" alt="mission section hero: a rocketship trail" title="mission section hero: a rocketship trail"/>
<img class="img-shadow" src="/assets/images/mission-left-header.png" alt=""/>
</div>
<h3>To eliminate the need for trusted third parties in the human/computer relationship.</h3>
<div class="section__image section__image--right">
<img src="assets/images/mission-right-header.png" alt="mission section hero: a rocketship with trail" title="mission section hero: a rocketship with trail"/>
<img class="img-shadow" src="assets/images/mission-right-header.png" alt=""/>
<img src="/assets/images/mission-right-header.png" alt="mission section hero: a rocketship with trail" title="mission section hero: a rocketship with trail"/>
<img class="img-shadow" src="/assets/images/mission-right-header.png" alt=""/>
</div>
</div>
{# <img src="" alt="" class="section__img section__img--bkg"/> #}
@@ -62,8 +62,8 @@ layout: layouts/peripheral.njk
<section id="values">
<h2>Values</h2>
<div class="section__image">
<img src="assets/images/values-header.png" alt="values section hero: an eye with a slash through it" title="values section hero: an eye with a slash through it"/>
<img class="img-shadow" src="assets/images/values-header.png" alt=""/>
<img src="/assets/images/values-header.png" alt="values section hero: an eye with a slash through it" title="values section hero: an eye with a slash through it"/>
<img class="img-shadow" src="/assets/images/values-header.png" alt=""/>
</div>
<p>
<strong>This list of values is not comprehensive. It does not encapsulate all the values of all the members of Start9.
@@ -92,8 +92,8 @@ layout: layouts/peripheral.njk
<section id="virtues">
<h2>Virtues</h2>
<div class="section__image">
<img src="assets/images/virtues-header.png" alt="virtues section hero: a sunrise between mountains" title="virtues section hero: a sunrise between mountains"/>
<img class="img-shadow" src="assets/images/virtues-header.png" alt=""/>
<img src="/assets/images/virtues-header.png" alt="virtues section hero: a sunrise between mountains" title="virtues section hero: a sunrise between mountains"/>
<img class="img-shadow" src="/assets/images/virtues-header.png" alt=""/>
</div>
<p>
<strong>Below are the virtues or qualities of character needed to achieve our values and accomplish our mission.</strong>
@@ -117,8 +117,8 @@ layout: layouts/peripheral.njk
<section id="origin">
<h2>Origin Story</h2>
<div class="section__image">
<img src="assets/images/origin-header.png" alt="origin section hero: pikachu" title="origin section hero: pikachu"/>
<img class="img-shadow" src="assets/images/origin-header.png" alt=""/>
<img src="/assets/images/origin-header.png" alt="origin section hero: pikachu" title="origin section hero: pikachu"/>
<img class="img-shadow" src="/assets/images/origin-header.png" alt=""/>
</div>
<p>
<strong>Pokemon is a game for Gameboy.</strong>
@@ -165,8 +165,8 @@ layout: layouts/peripheral.njk
<section id="team">
<h2>Our Team</h2>
<div class="section__image">
<img src="assets/images/team-header.png" alt="team section hero: robots being printed" title="team section hero: robots being printed"/>
<img class="img-shadow" src="assets/images/team-header.png" alt=""/>
<img src="/assets/images/team-header.png" alt="team section hero: robots being printed" title="team section hero: robots being printed"/>
<img class="img-shadow" src="/assets/images/team-header.png" alt=""/>
</div>
<ul class="members">

View File

@@ -18,7 +18,6 @@ var resizeTimeout = setTimeout(onResizeComplete, 400);
window.onresize = function () {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(onResizeComplete, 400);
console.log("onresize");
};

View File

@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
<section id="hero">
<div id="hero-image">
<img src="assets/images/contact-hero.png" alt="contact page hero: @ symbol emerging from an embassy" title="contact page hero: @ symbol emerging from an embassy"/>
<img class="img-shadow" src="assets/images/contact-hero.png" alt=""/>
<img src="/assets/images/contact-hero.png" alt="contact page hero: @ symbol emerging from an embassy" title="contact page hero: @ symbol emerging from an embassy"/>
<img class="img-shadow" src="/assets/images/contact-hero.png" alt=""/>
</div>
<div id="logo">
<h1>

View File

@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
<section id="hero">
<div id="hero-image">
<img src="assets/images/dev-hero.png" alt="dev page hero: html tag emerging from an embassy" title="dev page hero: html tag emerging from an embassy"/>
<img class="img-shadow" src="assets/images/dev-hero.png" alt=""/>
<img src="/assets/images/dev-hero.png" alt="dev page hero: html tag emerging from an embassy" title="dev page hero: html tag emerging from an embassy"/>
<img class="img-shadow" src="/assets/images/dev-hero.png" alt=""/>
</div>
<div id="logo">
<h1>

View File

@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
<section id="hero">
<div id="hero-image">
<img src="assets/images/jobs-hero.png" alt="jobs page hero: laptop emerging from an embassy" title="jobs page hero: laptop emerging from an embassy"/>
<img class="img-shadow" src="assets/images/jobs-hero.png" alt=""/>
<img src="/assets/images/jobs-hero.png" alt="jobs page hero: laptop emerging from an embassy" title="jobs page hero: laptop emerging from an embassy"/>
<img class="img-shadow" src="/assets/images/jobs-hero.png" alt=""/>
</div>
<div id="logo">
<h1>

View File

@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
<section id="hero">
<div id="hero-image">
<img src="assets/images/news-hero.png" alt="news page hero: tv emerging from an embassy" title="news page hero: tv emerging from an embassy"/>
<img class="img-shadow" src="assets/images/news-hero.png" alt=""/>
<img src="/assets/images/news-hero.png" alt="news page hero: tv emerging from an embassy" title="news page hero: tv emerging from an embassy"/>
<img class="img-shadow" src="/assets/images/news-hero.png" alt=""/>
</div>
<div id="logo">
<h1>

View File

@@ -6,10 +6,10 @@ layout: layouts/peripheral.njk
<section id="hero">
<div id="hero-image">
<img
src="assets/images/privacy-hero.png"
src="/assets/images/privacy-hero.png"
alt="about page hero image: a robot emerging from the embasssy and wearing a mask"
title="about page hero image: a robot emerging from the embasssy and wearing a mask"/>
<img class="img-shadow" src="assets/images/privacy-hero.png" alt=""/>
<img class="img-shadow" src="/assets/images/privacy-hero.png" alt=""/>
</div>
<div id="logo">
<h1>