Merge pull request #37 from arc42/mark-as-to-be-implemented

visually mark certain "functions" as "planned for future release"
arc42 · Jan 12, 2025 · 791c9e7 · 791c9e7
2 parents 75789cb + 34f68f1
commit 791c9e7
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 15 deletions.
diff --git a/docs/_pages/index.md b/docs/_pages/index.md
@@ -68,6 +68,11 @@ excerpt: "**For all those who like handouts with page numbers and running header
             <img src="assets/images/functions/mascot.png" alt="we have a sweet mascot" class="img-half">
             <h5>Add Personal Touch</h5>
             <p>Who said PDF documents couldn't have a personal touch? Thanx to <a href="https://www.sketchnotes.tech/">Lisa, @teapot418</a>.</p>
+
+        <!-- Overlay and Badge -->
+        <div class="not-yet-implemented-overlay">
+            <span class="badge">not yet implemented</span>
+        </div>
         </div>
 
         <div class="box box--primary box-third">
@@ -82,29 +87,43 @@ excerpt: "**For all those who like handouts with page numbers and running header
              <h5>Evenify</h5>
              <p>Make all documents have an even number of pages by adding a blank page to files with odd page count.</p>
        </div>
- <div class="box box--primary box-third">
-            <img src="assets/images/functions/privacy.png" alt="privacy" class="img-half">
-             <h5>Privacy</h5>
-             <p>We value your privacy: Your documents are yours, forever. We do neither collect data nor retain any information about your documents.</p>
-       </div>
 
- <div class="box box--primary box-third">
-            <img src="assets/images/functions/multi-language.png" alt="multi-language" class="img-half">
-             <h5>Multi-Language</h5>
-             <p>Handle a number of natural languages, starting with English (EN)m German (DE), French (FR) and Spanish (ES).</p>
-       </div>
+     <div class="box box--primary box-third">
+                <img src="assets/images/functions/privacy.png" alt="privacy" class="img-half">
+                 <h5>Privacy</h5>
+                 <p>We value your privacy: Your documents are yours, forever. We do neither collect data nor retain any information about your documents.</p>
+           </div>
+
+     <div class="box box--primary box-third">
+                <img src="assets/images/functions/multi-language.png" alt="multi-language" class="img-half">
+                 <h5>Multi-Language</h5>
+                 <p>Handle a number of natural languages, starting with English (EN)m German (DE), French (FR) and Spanish (ES).</p>
+           </div>
 
        <div class="box box--primary box-third">
             <img src="assets/images/functions/toc.png" alt="table of contents" class="img-half">
             <h5>Table of Contents</h5>
             <p>Create table-of-contents with document names, their chapter number and starting page number.</p>
+
+        <!-- Overlay and Badge -->
+        <div class="not-yet-implemented-overlay">
+            <span class="badge">not yet implemented</span>
         </div>
 
-        <div class="box box--primary box-third">
-            <img src="assets/images/functions/merge.png" alt="merge documents" class="img-half">
-            <h5>Merge</h5>
-            <p>Create a single output document from all inputs. The output file name is configurable.</p>
         </div>
+
+    <div class="box box--primary box-third">
+        <img src="assets/images/functions/merge.png" alt="merge documents" class="img-half">
+        <h5>Merge</h5>
+        <p>Create a single output document from all inputs. The output file name is configurable.</p>
+
+        <!-- Overlay and Badge -->
+        <div class="not-yet-implemented-overlay">
+            <span class="badge">not yet implemented</span>
+        </div>
+    </div>
+
+
     </div>
 
 </section>

diff --git a/docs/_sass/oneflow/_boxes.scss b/docs/_sass/oneflow/_boxes.scss
@@ -6,6 +6,7 @@
 
 .box {
     border: 1.5px solid black;
+    position: relative;
     border-radius: 5px;
     background-color: rgba($primary-color, 0.05);
     flex: 1 1 calc(100% - 20px);

diff --git a/docs/assets/css/custom-styles.css b/docs/assets/css/custom-styles.css
@@ -127,4 +127,38 @@ th, td {
 
 th {
     border-bottom: 2px solid black;
-}
+}
+
+
+
+
+
+
+
+/* NOT YET IMPLEMENTED BOX */
+
+.not-yet-implemented-overlay {
+    position: absolute;
+    border-radius: 4px;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(180, 180, 180, 0.4); /
+    z-index: 2;
+}
+
+.not-yet-implemented-overlay .badge {
+    position: absolute;
+    top: 20px;
+    left: 0;
+    background-color: #ffcc00;
+    color: #000;
+    font-weight: bold;
+    padding: 5px 10px;
+    border-radius: 5px;
+    font-size: 14px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    transform: rotate(-15deg);
+    z-index: 3;
+}