Match inscription preview and site background colors (#1175)

ordinals · Jan 9, 2023 · 494456d · 494456d
1 parent 39104f1
commit 494456d
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 9 deletions.
diff --git a/src/templates/iframe.rs b/src/templates/iframe.rs
@@ -26,7 +26,7 @@ impl Display for Iframe {
     if self.main {
       write!(
         f,
-        "<a href=/content/{}><iframe sandbox=allow-scripts scrolling=no src=/preview/{}></iframe></a>",
+        "<a href=/preview/{}><iframe sandbox=allow-scripts scrolling=no src=/preview/{}></iframe></a>",
         self.inscription_id,
         self.inscription_id,
       )
@@ -59,7 +59,7 @@ mod tests {
     assert_regex_match!(
       Iframe::main(txid(1))
       .0.to_string(),
-      "<a href=/content/1{64}><iframe sandbox=allow-scripts scrolling=no src=/preview/1{64}></iframe></a>",
+      "<a href=/preview/1{64}><iframe sandbox=allow-scripts scrolling=no src=/preview/1{64}></iframe></a>",
     );
   }
 }
diff --git a/src/templates/inscription.rs b/src/templates/inscription.rs
@@ -35,8 +35,10 @@ mod tests {
       },
       "
         <h1>Inscription 1{64}</h1>
-        <div class=inscription><a href=/content/1{64}><iframe .* src=/preview/1{64}></iframe></a></div>
+        <div class=inscription><a href=/preview/1{64}><iframe .* src=/preview/1{64}></iframe></a></div>
         <dl>
+          <dt>content</dt>
+          <dd><a href=/content/1{64}>link</a></dd>
           <dt>content size</dt>
           <dd>10 bytes</dd>
           <dt>content type</dt>

diff --git a/static/index.css b/static/index.css
@@ -1,6 +1,6 @@
 :root {
   --common: grey;
-  --dark-bg: hsl(200, 7%, 8%);
+  --dark-bg: #131516;
   --dark-fg: #98a3ad;
   --epic: darkorchid;
   --legendary: gold;

diff --git a/static/preview-text.css b/static/preview-text.css
@@ -1,7 +1,8 @@
-body {
-  margin: 0;
+html {
+  background-color: #131516;
+  color: white;
 }
 
-pre {
-  color: white;
+body {
+  margin: 0;
 }
diff --git a/templates/inscription.html b/templates/inscription.html
@@ -2,6 +2,8 @@ <h1>Inscription {{ self.inscription_id }}</h1>
 <div class=inscription>{{Iframe::main(self.inscription_id)}}</div>
 <dl>
 %% if let Some(content_size) = self.inscription.content_size() {
+  <dt>content</dt>
+  <dd><a href=/content/{{self.inscription_id}}>link</a></dd>
   <dt>content size</dt>
   <dd>{{ content_size }} bytes</dd>
 %% }

diff --git a/templates/preview-image.html b/templates/preview-image.html
@@ -5,6 +5,7 @@
     <meta name=format-detection content='telephone=no'>
     <style>
       html {
+        background-color: #131516;
         height: 100%;
       }
 

diff --git a/tests/server.rs b/tests/server.rs
@@ -59,8 +59,10 @@ fn inscription_page() {
     format!(
       ".*<meta property=og:image content='/content/{reveal_tx}'>.*
 <h1>Inscription {reveal_tx}</h1>
-.*<a href=/content/{reveal_tx}><iframe .* src=/preview/{reveal_tx}></iframe></a>.*
+.*<a href=/preview/{reveal_tx}><iframe .* src=/preview/{reveal_tx}></iframe></a>.*
 <dl>
+  <dt>content</dt>
+  <dd><a href=/content/{reveal_tx}>link</a></dd>
   <dt>content size</dt>
   <dd>10 bytes</dd>
   <dt>content type</dt>