ambiambigram

- iMessaging from https://github.com/ReagentX/imessage-exporter - Link to hub
eidorb · Nov 24, 2024 · a6dfab7 · a6dfab7
1 parent b242eb7
commit a6dfab7
Show file tree

Hide file tree

Showing 5 changed files with 232 additions and 5 deletions.
diff --git a/brodie.id.au/_static/ambiambigram.svg b/brodie.id.au/_static/ambiambigram.svg
diff --git a/brodie.id.au/_static/custom.css b/brodie.id.au/_static/custom.css
@@ -0,0 +1,83 @@
+.imessages-raw {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.imessages-raw p {
+    margin: 0px !important;
+}
+
+.imessages-raw .message {
+    margin: 1%;
+    overflow-wrap: break-word;
+}
+
+.imessages-raw .message .sent.iMessage {
+    background-color: #1982FC;
+}
+
+.imessages-raw .message .sent {
+    color: white !important;
+    border-radius: 25px;
+    padding: 15px;
+    margin-left: auto;
+    margin-right: 0;
+    max-width: 60%;
+    width: fit-content;
+}
+
+.imessages-raw .message .received {
+    background-color: #d8d8d8;
+    color: black;
+    border-radius: 25px;
+    padding: 15px;
+    margin-right: auto;
+    margin-left: 0;
+    max-width: 60%;
+    width: fit-content;
+}
+
+.imessages-raw span.timestamp {
+    opacity: 60%;
+}
+
+.imessages-raw span.sender {
+    opacity: 100%;
+}
+
+.imessages-raw span.bubble {
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+}
+
+.imessages-raw .app {
+    background: white;
+    border-radius: 25px;
+}
+
+.imessages-raw .app a {
+    text-decoration: none;
+}
+
+.imessages-raw .app_header {
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    color: black;
+}
+
+.imessages-raw .app_header img {
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+}
+
+.imessages-raw .app_header .name {
+    color: black;
+    font-weight: 600;
+    padding-top: 1%;
+    padding-bottom: 1%;
+    padding-left: 15px;
+    padding-right: 15px;
+    overflow: auto;
+}
diff --git a/brodie.id.au/conf.py b/brodie.id.au/conf.py
@@ -63,9 +63,13 @@
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ["_static"]
 
-# Include CSS to fix sidebar scrollbars.
-# TODO: Remove this once fix upstreamed to pydata-sphinx-theme.
-html_css_files = ["fix.css"]
+html_css_files = [
+    # Include CSS to fix sidebar scrollbars.
+    # TODO: Remove this once fix upstreamed to pydata-sphinx-theme.
+    "fix.css",
+    # Custom styling.
+    "custom.css",
+]
 
 
 # Myst-NB options.

diff --git a/brodie.id.au/convo.html b/brodie.id.au/convo.html
@@ -0,0 +1,28 @@
+<div class="imessages-raw">
+    <div class="message">
+        <div class="sent iMessage">
+            <p><span class="timestamp">Just then</span>
+                <span class="sender">Me</span>
+            </p>
+            <hr>
+            <div class="message_part">
+                <span class="bubble">❤️</span>
+            </div>
+        </div>
+    </div>
+    <div class="message">
+        <div class="sent iMessage">
+            <p><span class="timestamp">Now</span>
+                <span class="sender">Me</span>
+            </p>
+            <hr>
+            <div class="message_part">
+                <div class="app"><a href="https://github.com/eidorb">
+                        <div class="app_header"><img src="_static/ambiambigram.svg">
+                            <div class="name">😜</div>
+                        </div>
+                    </a></div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/brodie.id.au/index.md b/brodie.id.au/index.md
@@ -1,9 +1,14 @@
 # brodie.id.au
 
-This is my website.
-
 ```{toctree}
 :hidden:
 
 blog
 ```
+
+This is my website.
+
+
+```{raw} html
+:file: convo.html
+```