add bloquote in CSS

julsraemy · Feb 9, 2024 · 537add0 · 537add0
1 parent 8594cfe
commit 537add0
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/_site/assets/stylesheets/style.css b/_site/assets/stylesheets/style.css
@@ -161,6 +161,16 @@ p {
     margin-top: 10px;
 }
 
+blockquote {
+    background-color: #f5f5f5; /* Light gray background typical for code blocks */
+    border-left: 5px solid #ccc; /* A subtle left border */
+    margin: 20px 0;
+    padding: 10px 20px;
+    font-family: "CMUTypewriter-Regular", monospace; /* Using the monospace font declared earlier */
+    position: relative; /* Needed for pseudo-element positioning */
+    overflow-x: auto; /* In case of long lines */
+}
+
 .container {
     max-width: 1140px;
     margin: auto;

diff --git a/_site/index.html b/_site/index.html
@@ -43,9 +43,7 @@
     <main>
         <h1>LOUD for Cultural Heritage – PhD Thesis by Julien A. Raemy</h1>
 <h2>Linked Open Usable Data for Cultural Heritage: Perspectives on Community Practices and Semantic Interoperability</h2>
-<blockquote>
 <p><em>&quot;Linked Open Usable Data (LOUD) for Cultural Heritage&quot; not only encapsulates the essence of my PhD thesis, it reflects a passionate aspiration. It describes a vision where cultural heritage institutions and beyond actively cultivate collaboration and enthusiastically embrace community-driven standards such as those of the International Image Interoperability Framework (IIIF) and Linked Art which facilitate semantic interoperability. In cases where implementation of the standards may not be feasible, I advocate that institutions consider adopting <a href="https://linked.art/loud" target="_blank">LOUD design principles</a> as essential socio-technical practices.</em></p>
-</blockquote>
 <p>An <a href="thesis.html">HTML version of my thesis</a> will be accessible on this site upon its completion, while the <a href="research.html">research outcomes</a> associated with my PhD can also be found here.</p>
 <h3>Context</h3>
 <p>The thesis is grounded as part of the SNSF-funded Participatory Knowledge Practices in Analogue and Digital Image Archives (PIA) research project (2021-2025), which aims to develop a Citizen Science platform around three <a href="https://archiv.sgv-sstp.ch/" target="_blank">photographic collections from the archives of Cultural Anthropology Switzerland</a> (CAS), formerly the <em>Swiss Society for Folklore Studies</em>, i.e. the Atlas of Swiss Folklore (SGV_05), Kreis Family (SGV_10), and Ernst Brunner (SGV_12).</p>

diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
@@ -161,6 +161,16 @@ p {
     margin-top: 10px;
 }
 
+blockquote {
+    background-color: #f5f5f5; /* Light gray background typical for code blocks */
+    border-left: 5px solid #ccc; /* A subtle left border */
+    margin: 20px 0;
+    padding: 10px 20px;
+    font-family: "CMUTypewriter-Regular", monospace; /* Using the monospace font declared earlier */
+    position: relative; /* Needed for pseudo-element positioning */
+    overflow-x: auto; /* In case of long lines */
+}
+
 .container {
     max-width: 1140px;
     margin: auto;

diff --git a/src/index.md b/src/index.md
@@ -8,7 +8,7 @@ permalink: "/index.html"
 
 ## Linked Open Usable Data for Cultural Heritage: Perspectives on Community Practices and Semantic Interoperability
 
-> _"Linked Open Usable Data (LOUD) for Cultural Heritage" not only encapsulates the essence of my PhD thesis, it reflects a passionate aspiration. It describes a vision where cultural heritage institutions and beyond actively cultivate collaboration and enthusiastically embrace community-driven standards such as those of the International Image Interoperability Framework (IIIF) and Linked Art which facilitate semantic interoperability. In cases where implementation of the standards may not be feasible, I advocate that institutions consider adopting <a href="https://linked.art/loud" target="_blank">LOUD design principles</a> as essential socio-technical practices._
+_"Linked Open Usable Data (LOUD) for Cultural Heritage" not only encapsulates the essence of my PhD thesis, it reflects a passionate aspiration. It describes a vision where cultural heritage institutions and beyond actively cultivate collaboration and enthusiastically embrace community-driven standards such as those of the International Image Interoperability Framework (IIIF) and Linked Art which facilitate semantic interoperability. In cases where implementation of the standards may not be feasible, I advocate that institutions consider adopting <a href="https://linked.art/loud" target="_blank">LOUD design principles</a> as essential socio-technical practices._
 
 
 An [HTML version of my thesis](thesis.html) will be accessible on this site upon its completion, while the [research outcomes](research.html) associated with my PhD can also be found here.