pretty img effect take 2

RyanBrewer317 · Oct 21, 2024 · 09aa6f4 · 09aa6f4
1 parent 2f8f3ad
commit 09aa6f4
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 5 deletions.
diff --git a/.arctic_cache.csv b/.arctic_cache.csv
@@ -1,2 +1 @@
-"guides/quickstart.txt","mlvrrFwYMuHKdUpCIvHFasJxjcuC9FYxS8kpk4ksNcM","id:quickstart","title:Quickstart","tags:quick,start,simple,started","blerb:Getting started with a simple Arctic website."
 "guides/quickstart.txt","QpJoELI7589oDPhyAsnzqidKockeK8LnKiIDcZB0RUs","id:quickstart","title:Quickstart","tags:quick,start,simple,started","blerb:Getting started with a simple Arctic website."
diff --git a/arctic_build/__pages/guides/quickstart/index.html b/arctic_build/__pages/guides/quickstart/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <div><nav id="nav"><div id="nav-dropdown" onclick="document.getElementById(&#39;nav&#39;).classList.toggle(&#39;dropdown&#39;);">☰</div><a href="/" id="nav-home">Arctic</a><a href="/guides/quickstart" id="nav-guides">Guides</a><a href="/demos" id="nav-demos">Demos</a><a href="https://hexdocs.pm/arctic/" id="nav-docs">Docs</a></nav><h1><span>Arctic Quickstart
-</span></h1><div class="img-container"><img src="/banner.jpg" alt="An icy horizon in the Arctic.
-" async="true"></div><p><span>Make sure you&#39;ve got <a href="https://gleam.run"><span>gleam</span></a> working.
+</span></h1><div class="img-container"><div><img src="/banner.jpg" alt="An icy horizon in the Arctic.
+" async="true"></div></div><p><span>Make sure you&#39;ve got <a href="https://gleam.run"><span>gleam</span></a> working.
 Create a new project with <code><span>gleam new my_project</span></code> and <code><span>cd</span></code> into it.
 </span></p><p><span>For this quickstart, I&#39;ll assume that you either 
 </span></p><ul><li>have a build script that runs `gleam run` and deploys to your production website, or</li><li>have a github action that deploys to your production website, and you run `gleam run` before you commit.

diff --git a/arctic_build/public/style.css b/arctic_build/public/style.css
@@ -111,6 +111,7 @@ a:hover {
   right: 0;
   height: 50%;
   pointer-events: none;
+  z-index: 100;
 }
 
 .img-container div::before {

diff --git a/dist/__pages/guides/quickstart/index.html b/dist/__pages/guides/quickstart/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <div><nav id="nav"><div id="nav-dropdown" onclick="document.getElementById(&#39;nav&#39;).classList.toggle(&#39;dropdown&#39;);">☰</div><a href="/" id="nav-home">Arctic</a><a href="/guides/quickstart" id="nav-guides">Guides</a><a href="/demos" id="nav-demos">Demos</a><a href="https://hexdocs.pm/arctic/" id="nav-docs">Docs</a></nav><h1><span>Arctic Quickstart
-</span></h1><div class="img-container"><img src="/banner.jpg" alt="An icy horizon in the Arctic.
-" async="true"></div><p><span>Make sure you&#39;ve got <a href="https://gleam.run"><span>gleam</span></a> working.
+</span></h1><div class="img-container"><div><img src="/banner.jpg" alt="An icy horizon in the Arctic.
+" async="true"></div></div><p><span>Make sure you&#39;ve got <a href="https://gleam.run"><span>gleam</span></a> working.
 Create a new project with <code><span>gleam new my_project</span></code> and <code><span>cd</span></code> into it.
 </span></p><p><span>For this quickstart, I&#39;ll assume that you either 
 </span></p><ul><li>have a build script that runs `gleam run` and deploys to your production website, or</li><li>have a github action that deploys to your production website, and you run `gleam run` before you commit.

diff --git a/dist/style.css b/dist/style.css
@@ -111,6 +111,7 @@ a:hover {
   right: 0;
   height: 50%;
   pointer-events: none;
+  z-index: 100;
 }
 
 .img-container div::before {

diff --git a/public/style.css b/public/style.css
@@ -111,6 +111,7 @@ a:hover {
   right: 0;
   height: 50%;
   pointer-events: none;
+  z-index: 100;
 }
 
 .img-container div::before {
Original file line number	Diff line number	Diff line change
		@@ -1,2 +1 @@
		"guides/quickstart.txt","mlvrrFwYMuHKdUpCIvHFasJxjcuC9FYxS8kpk4ksNcM","id:quickstart","title:Quickstart","tags:quick,start,simple,started","blerb:Getting started with a simple Arctic website."
		"guides/quickstart.txt","QpJoELI7589oDPhyAsnzqidKockeK8LnKiIDcZB0RUs","id:quickstart","title:Quickstart","tags:quick,start,simple,started","blerb:Getting started with a simple Arctic website."