From 3806e38af4ae09897bfdefb8e10b68290b0929f8 Mon Sep 17 00:00:00 2001 From: crowetic Date: Fri, 13 Dec 2024 12:10:27 -0800 Subject: [PATCH] visual improvements in many areas, and unification of links on home page. --- assets/css/forum-styles.css | 55 ++++++++++++++++++++------ assets/js/MinterBoard.js | 2 +- assets/mobirise/css/mbr-additional.css | 2 +- assets/quill/quill.snow.css | 8 ++-- index.html | 4 +- 5 files changed, 51 insertions(+), 20 deletions(-) diff --git a/assets/css/forum-styles.css b/assets/css/forum-styles.css index 51cdb18..26da4ad 100644 --- a/assets/css/forum-styles.css +++ b/assets/css/forum-styles.css @@ -44,23 +44,22 @@ } .room-button { - background-color: #317e78; + background-color: #121e30; color: #ffffff; - border: 2px solid #317e78; + border: 2px solid #9dafab; border-radius: 2vh; - padding: 1vh 2vh; + padding: .61vh 2.0vh; font-size: 1.1rem; cursor: pointer; } .room-button:hover { - background-color: #19403d; + background-color: #052d46; } .forum-content { flex-grow: 1; width: 90%; - padding: 3vh; display: flex; flex-direction: column; align-items: center; @@ -607,12 +606,12 @@ body { } } */ -.minter-card { - background-color: #1e1e2e; /* Dark background */ +/* .minter-card { + background-color: #1e1e2e; flex: 1 1 calc(33%); - min-width: 22rem; /* Ensure the card never gets smaller than 15rem */ + min-width: 22rem; max-width: 22rem; - /* max-width: calc(25% - 2rem); */ + max-width: calc(25% - 2rem); color: #ffffff; border: 1px solid #333; border-radius: 12px; @@ -620,17 +619,38 @@ body { min-height: 30vh; max-height: auto; margin: 1vh; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); font-family: 'Arial', sans-serif; transition: transform 0.2s ease-in-out; +} */ +.minter-card{ + background-color: #1e1e2e; + flex: auto; + display: flex; + min-width: 22rem; + /* max-width: 22rem; */ + max-width: calc(30% - 3rem); + color: #ffffff; + border: 1px solid #333; + border-radius: 12px; + padding: 1vh; + min-height: 30vh; + max-height: auto; + margin: 1vh; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); + font-family: 'Arial', sans-serif; + transition: transform 0.2s ease-in-out; + flex-direction: column; + /* align-content: center; */ + justify-content: space-between; + align-items: stretch; } - .minter-card:hover { transform: translateY(-5px); /* Slightly lift card on hover */ } .minter-card img { - margin-left: 42%; + margin-left: 43.9%; } .minter-card-header h3 { @@ -772,6 +792,17 @@ body { justify-content: space-between; } +.actions-buttons { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: stretch; + flex-grow: 1; + width: 100%; + flex-wrap: wrap; + align-content: flex-end; +} + .actions h5{ margin-bottom: 1vh; font-size: 1.5vh; diff --git a/assets/js/MinterBoard.js b/assets/js/MinterBoard.js index 2d6a4c6..e3331d8 100644 --- a/assets/js/MinterBoard.js +++ b/assets/js/MinterBoard.js @@ -528,7 +528,7 @@ const processLink = async (link) => { const remainingPath = match[2] || ""; // Rest of the URL // Perform any asynchronous operation if necessary await new Promise(resolve => setTimeout(resolve, 10)); // Simulating async operation - return `http://localhost:12391/render/${firstParam}${remainingPath}`; + return `/render/${firstParam}${remainingPath}`; } } return link; // Return unchanged if not a Qortal link diff --git a/assets/mobirise/css/mbr-additional.css b/assets/mobirise/css/mbr-additional.css index d3a5057..79f868f 100644 --- a/assets/mobirise/css/mbr-additional.css +++ b/assets/mobirise/css/mbr-additional.css @@ -1285,7 +1285,7 @@ a { .cid-ttRnktJ11Q .mbr-section-btn .btn, .cid-ttRnktJ11Q .mbr-section-btn-main .btn { background-image: linear-gradient(99deg, rgba(255, 255, 255, 0) 30%, #ffffff 100%), radial-gradient(circle at 50% 50%, #ffffff 0, rgba(255, 255, 255, 0) 70%); - color: #324c6d !important; + ; } .cid-ttRnktJ11Q .mbr-section-subtitle { color: #000000; diff --git a/assets/quill/quill.snow.css b/assets/quill/quill.snow.css index 599bff7..3d1d06e 100644 --- a/assets/quill/quill.snow.css +++ b/assets/quill/quill.snow.css @@ -557,20 +557,20 @@ } .ql-snow .ql-stroke { fill: none; - stroke: #444; + stroke: #c2d2d7; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; - stroke: #444; + stroke: #a1a1a1; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { - fill: #444; + fill: #d2d2d2; } .ql-snow .ql-empty { fill: none; @@ -645,7 +645,7 @@ max-width: 100%; } .ql-snow .ql-picker { - color: #444; + color: #c8c8c8; display: inline-block; float: left; font-size: 14px; diff --git a/index.html b/index.html index 4bd11fb..d918f02 100644 --- a/index.html +++ b/index.html @@ -70,10 +70,10 @@ Q-Mintership Alpha v0.31b
 - + -
FORUM
 MA TOOLSMINTERS
+
FORUM
 ADMIN TOOLSMINTER BOARD