update sakura css

2 files changed, 105 insertions, 65 deletions

diff --git a/Resources/assets/sakura.css b/Resources/assets/sakura.css
index 61c929e..3992573 100644
--- a/Resources/assets/sakura.css
+++ b/Resources/assets/sakura.css
@@ -1,4 +1,4 @@
-/* Sakura.css v1.3.0
+/* Sakura.css v1.5.0
  * ================
  * Minimal css theme.
  * Project: https://github.com/oxalorg/sakura/
@@ -6,7 +6,8 @@
 /* Body */
 html {
   font-size: 62.5%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+}
 
 body {
   font-size: 1.8rem;
@@ -15,16 +16,19 @@ body {
   margin: auto;
   color: #4a4a4a;
   background-color: #f9f9f9;
-  padding: 13px; }
+  padding: 13px;
+}
 
 @media (max-width: 684px) {
   body {
-    font-size: 1.53rem; } }
-
+    font-size: 1.53rem;
+  }
+}
 @media (max-width: 382px) {
   body {
-    font-size: 1.35rem; } }
-
+    font-size: 1.35rem;
+  }
+}
 h1, h2, h3, h4, h5, h6 {
   line-height: 1.1;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
@@ -35,53 +39,66 @@ h1, h2, h3, h4, h5, h6 {
   word-wrap: break-word;
   -ms-word-break: break-all;
   word-break: break-word;
-  -ms-hyphens: auto;
-  -moz-hyphens: auto;
-  -webkit-hyphens: auto;
-  hyphens: auto; }
+}
 
 h1 {
-  font-size: 2.35em; }
+  font-size: 2.35em;
+}
 
 h2 {
-  font-size: 2.00em; }
+  font-size: 2em;
+}
 
 h3 {
-  font-size: 1.75em; }
+  font-size: 1.75em;
+}
 
 h4 {
-  font-size: 1.5em; }
+  font-size: 1.5em;
+}
 
 h5 {
-  font-size: 1.25em; }
+  font-size: 1.25em;
+}
 
 h6 {
-  font-size: 1em; }
+  font-size: 1em;
+}
 
 p {
   margin-top: 0px;
-  margin-bottom: 2.5rem; }
+  margin-bottom: 2.5rem;
+}
 
 small, sub, sup {
-  font-size: 75%; }
+  font-size: 75%;
+}
 
 hr {
-  border-color: #2c8898; }
+  border-color: #1d7484;
+}
 
 a {
   text-decoration: none;
-  color: #2c8898; }
-  a:hover {
-    color: #982c61;
-    border-bottom: 2px solid #4a4a4a; }
+  color: #1d7484;
+}
+a:visited {
+  color: #144f5a;
+}
+a:hover {
+  color: #982c61;
+  border-bottom: 2px solid #4a4a4a;
+}
 
 ul {
   padding-left: 1.4em;
   margin-top: 0px;
-  margin-bottom: 2.5rem; }
+  margin-bottom: 2.5rem;
+}
 
 li {
-  margin-bottom: 0.4em; }
+  margin-bottom: 0.4em;
+}
 
 blockquote {
   margin-left: 0px;
@@ -90,18 +107,21 @@ blockquote {
   padding-top: 0.8em;
   padding-bottom: 0.8em;
   padding-right: 0.8em;
-  border-left: 5px solid #2c8898;
+  border-left: 5px solid #1d7484;
   margin-bottom: 2.5rem;
-  background-color: #f1f1f1; }
+  background-color: #f1f1f1;
+}
 
 blockquote p {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
-img {
+img, video {
   height: auto;
   max-width: 100%;
   margin-top: 0px;
-  margin-bottom: 2.5rem; }
+  margin-bottom: 2.5rem;
+}
 
 /* Pre and Code */
 pre {
@@ -110,77 +130,97 @@ pre {
   padding: 1em;
   overflow-x: auto;
   margin-top: 0px;
-  margin-bottom: 2.5rem; }
+  margin-bottom: 2.5rem;
+  font-size: 0.9em;
+}
 
-code {
+code, kbd, samp {
   font-size: 0.9em;
   padding: 0 0.5em;
   background-color: #f1f1f1;
-  white-space: pre-wrap; }
+  white-space: pre-wrap;
+}
 
 pre > code {
   padding: 0;
   background-color: transparent;
-  white-space: pre; }
+  white-space: pre;
+  font-size: 1em;
+}
 
 /* Tables */
 table {
   text-align: justify;
   width: 100%;
-  border-collapse: collapse; }
+  border-collapse: collapse;
+  margin-bottom: 2rem;
+}
 
 td, th {
   padding: 0.5em;
-  border-bottom: 1px solid #f1f1f1; }
+  border-bottom: 1px solid #f1f1f1;
+}
 
 /* Buttons, forms and input */
 input, textarea {
-  border: 1px solid #4a4a4a; }
-  input:focus, textarea:focus {
-    border: 1px solid #2c8898; }
+  border: 1px solid #4a4a4a;
+}
+input:focus, textarea:focus {
+  border: 1px solid #1d7484;
+}
 
 textarea {
-  width: 100%; }
+  width: 100%;
+}
 
-.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
+.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
   display: inline-block;
   padding: 5px 10px;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
-  background-color: #2c8898;
+  background-color: #1d7484;
   color: #f9f9f9;
   border-radius: 1px;
-  border: 1px solid #2c8898;
+  border: 1px solid #1d7484;
   cursor: pointer;
-  box-sizing: border-box; }
-  .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
-    cursor: default;
-    opacity: .5; }
-  .button:focus:enabled, .button:hover:enabled, button:focus:enabled, button:hover:enabled, input[type="submit"]:focus:enabled, input[type="submit"]:hover:enabled, input[type="reset"]:focus:enabled, input[type="reset"]:hover:enabled, input[type="button"]:focus:enabled, input[type="button"]:hover:enabled {
-    background-color: #982c61;
-    border-color: #982c61;
-    color: #f9f9f9;
-    outline: 0; }
-
-textarea, select, input[type] {
+  box-sizing: border-box;
+}
+.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+  cursor: default;
+  opacity: 0.5;
+}
+.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+  background-color: #982c61;
+  color: #f9f9f9;
+  outline: 0;
+}
+.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+  outline-style: solid;
+  outline-width: 2px;
+}
+
+textarea, select, input {
   color: #4a4a4a;
-  padding: 6px 10px;
-  /* The 6px vertically centers text on FF, ignored by Webkit */
+  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
   margin-bottom: 10px;
   background-color: #f1f1f1;
   border: 1px solid #f1f1f1;
   border-radius: 4px;
   box-shadow: none;
-  box-sizing: border-box; }
-  textarea:focus, select:focus, input[type]:focus {
-    border: 1px solid #2c8898;
-    outline: 0; }
+  box-sizing: border-box;
+}
+textarea:focus, select:focus, input:focus {
+  border: 1px solid #1d7484;
+  outline: 0;
+}
 
-input[type="checkbox"]:focus {
-  outline: 1px dotted #2c8898; }
+input[type=checkbox]:focus {
+  outline: 1px dotted #1d7484;
+}
 
 label, legend, fieldset {
   display: block;
-  margin-bottom: .5rem;
-  font-weight: 600; }
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+}
diff --git a/Resources/images/opengraph/posts/2023-10-05-attack-lab.png b/Resources/images/opengraph/posts/2023-10-05-attack-lab.png
new file mode 100644
index 0000000..9f300cb
--- /dev/null
+++ b/Resources/images/opengraph/posts/2023-10-05-attack-lab.png