adding real world example box

fhdsl · Dec 13, 2023 · 4c50587 · 4c50587
1 parent 710095b
commit 4c50587
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/assets/box_images/example.png b/assets/box_images/example.png
diff --git a/assets/style.css b/assets/style.css
@@ -275,7 +275,7 @@ li.appendix span, li.part span { /* for TOC part names */
 /* Sidebar formating --------------------------------------------*/
 /* from r-pkgs.org*/
 
-div.notice, div.warning, div.github, div.dictionary, div.reflection, div.question, div.ethics{
+div.notice, div.warning, div.github, div.dictionary, div.reflection, div.question, div.ethics, div.example{
   padding: 1em;
   margin: 1em 0;
   padding-left: 100px;
@@ -299,6 +299,15 @@ div.motivations{
   align-items:center;
 }
 
+div.example{
+  background-size: 70px;
+  background-position: 15px center;
+  background-image: url("../assets/box_images/example.png");
+  border: 4px #193a5c;
+  border-style: solid;
+}
+
+
 div.question_box{
   background-size: 70px;
   background-position: 15px center;