[WEBPAGE] Update webpage appearance
Description
Updated webpage appearance
- changed layout color scheme
- added home.html (overrides) for landing page and transferred landing page related css elements to it
- update text in hero section main
Related Issue(s)
- N.A.
Other Changes
Screenshots/Logs
Old Unicado landing page
New Unicado landing page
Testing Instructions
- Get the merge request branch (Not the direct branch!)
- Run mkdocs serve locally
- Test it with different browsers like Firefox, Google Chrome, Brave, Edge, Opera for visual issues
Developer Checklist
-
Code has been tested locally and/or in pipeline. -
Visual test on Firefox -
Visual test on Google Chrome -
Visual test on Opera -
Visual test on Brave -
Visual test on Edge
Additional Notes
Merge request reports
Activity
added typedocumentation label
requested review from @kristina.mazur and @alfin.johny
assigned to @ChrisRuw
added 1 commit
- 93522cf3 - added height definition to hr ... thickness was adapted without proper height definition
added 1 commit
- 2fa2be8e - shifted grid + cards to unicado.css since it is used on partners site ->...
Looking good from my side - ready to land! I think @kbistreck had also a suggestion, I will add you as reviewer and you can approve if you are fine with the solution :)
requested review from @kbistreck
31 35 [dir="ltr"] .md-header__title { 36 margin-left: 0.1rem; 32 37 } 33 38 34 /* Text styling within the hero section */ 35 .intro-text { 36 color: var(--text-color); 37 font-size: 1.1em; 39 .md-header__topic { 40 font-weight: lighter; 38 41 } 39 42 40 /* Make all LaTeX-style math equations white */ 41 :root { 42 --math-color: #ffffff; /* Set the default color for equations */ 39 42 40 /* Make all LaTeX-style math equations white */ 41 :root { 42 --math-color: #ffffff; /* Set the default color for equations */ 43 .md-header__topic:first-child { 44 font-weight: lighter; 43 45 } 44 46 47 /* Math environment colors */ 45 48 /* MathJax equations */ 46 49 .MathJax, mjx-container, math { 47 50 color: var(--math-color) !important; 48 51 } 49 52 50 53 /* KaTeX equations */ 51 54 .katex, .katex-display { changed this line in version 5 of the diff
- overrides/home.html 0 → 100644
66 background-color: var(--accent-color); 67 border-radius: 5px; 68 font-size: 1.1em; 69 font-weight: 700; 70 padding: 10px 20px; 71 transition: background-color 0.3s ease; 72 cursor: pointer; 73 } 74 .download-button-container > a { 75 color: var(--text-color-hero); 76 text-decoration: none; 77 display: flex; 78 align-items: center; 79 justify-content: center; 80 background: transparent; 81 gap: 8px changed this line in version 5 of the diff
Looks nice, thank you!
Please include the suggestions above, then I can close Feature/light mode (!53) · Merge requests · UNICADO / unicado.gitlab.io · GitLab without losses.
The beauty of the download button is worth discussing, but it can be changed later... ^^
mentioned in merge request !53 (closed)
mentioned in commit 0c6cdacf
mentioned in merge request !34 (closed)