~jan0sch/smederee

Showing details for patch 07c604cdf47f04c2d5d65f48b3494e2b9fb0d066.
2022-07-13 (Wed), 6:01 PM - Jens Grassel - 07c604cdf47f04c2d5d65f48b3494e2b9fb0d066

Welcome page

Summary of changes
1 files added
  • modules/hub/src/main/resources/assets/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg
3 files modified with 21 lines added and 5 lines removed
  • modules/hub/src/main/resources/assets/css/main.css with 7 added and 2 removed lines
  • modules/hub/src/main/resources/messages_en.properties with 3 added and 0 removed lines
  • modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html with 11 added and 3 removed lines
diff -rN -u old-smederee/modules/hub/src/main/resources/assets/css/main.css new-smederee/modules/hub/src/main/resources/assets/css/main.css
--- old-smederee/modules/hub/src/main/resources/assets/css/main.css	2025-02-03 04:50:38.629752178 +0000
+++ new-smederee/modules/hub/src/main/resources/assets/css/main.css	2025-02-03 04:50:38.629752178 +0000
@@ -1,6 +1,6 @@
 main {
-  margin-left: 1em;
-  margin-right: 1em;
+  /*margin-left: 1em;*/
+  /*margin-right: 1em;*/
 }
 
 .pure-button {
@@ -17,6 +17,11 @@
   font-size: 120%;
 }
 
+.pure-img-responsive {
+  max-width: 100%;
+  height: auto;
+}
+
 .home-menu {
   padding: 0.5em;
   text-align: center;
Binary files old-smederee/modules/hub/src/main/resources/assets/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg and new-smederee/modules/hub/src/main/resources/assets/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg differ
diff -rN -u old-smederee/modules/hub/src/main/resources/messages_en.properties new-smederee/modules/hub/src/main/resources/messages_en.properties
--- old-smederee/modules/hub/src/main/resources/messages_en.properties	2025-02-03 04:50:38.629752178 +0000
+++ new-smederee/modules/hub/src/main/resources/messages_en.properties	2025-02-03 04:50:38.629752178 +0000
@@ -56,3 +56,6 @@
 landingpage.index.splash.title=Craft Software!
 landingpage.index.splash.text=Leverage the power of the <a href="http://darcs.net" target="_blank">darcs</a> vcs to handle your projects with ease and confidence and rest assured that we won't track you or sell your data!
 
+landingpage.welcome.title=Welcome to the Smederee!
+landingpage.welcome.ribbon.title=Thank you and welcome!
+landingpage.welcome.ribbon.text=Welcome to the smederee! You can now use your credentials to login and start creating. Please note that some functionalities are locked until you have verified your email address.
diff -rN -u old-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html new-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html
--- old-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html	2025-02-03 04:50:38.629752178 +0000
+++ new-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html	2025-02-03 04:50:38.629752178 +0000
@@ -2,9 +2,17 @@
 @main(lang, pathPrefix)()(csrf, title) {
 @defining(lang.toLocale) { implicit locale =>
   <div class="content">
-    <div class="pure-g">
-      <div class="pure-u-1-1 pure-u-md-1-1">
-        <h2 class="content-head is-center">Thank you and welcome!</h2>
+    <h2 class="content-head is-center" style="color: #34495e; text-align: center;">@Messages("landingpage.welcome.title")</h2>
+  </div>
+  <div class="content">
+    <div class="ribbon l-box-lrg pure-g" style="background: #2d3e50; color: #aaa; padding: 2em; border-bottom: 1px solid rgba(0,0,0,0.1);">
+      <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
+        <img width="300" alt="A neon sign saying: Do something great!" class="pure-img-responsive" src="@pathPrefix/assets/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg">
+      </div>
+      <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
+        <h2 class="content-head content-head-ribbon" style="color: white;">@Messages("landingpage.welcome.ribbon.title")</h2>
+        <p>@Messages("landingpage.welcome.ribbon.text")</p>
+        <p><a class="pure-button pure-button-primary" href="/login">@Messages("global.login")</a></p>
       </div>
     </div>
   </div>