Update delete account instructions

FreshKernel · Jan 3, 2024 · d06de6e · d06de6e
1 parent 08958b9
commit d06de6e
Show file tree

Hide file tree

Showing 7 changed files with 83 additions and 6 deletions.
diff --git a/site/.kobweb/site/app.js b/site/.kobweb/site/app.js
diff --git a/site/.kobweb/site/app.js.map b/site/.kobweb/site/app.js.map
diff --git a/site/.kobweb/site/ar/delete_account_instructions/index.html b/site/.kobweb/site/ar/delete_account_instructions/index.html
diff --git a/site/.kobweb/site/ar/index.html b/site/.kobweb/site/ar/index.html
@@ -79,7 +79,7 @@
              <a class="silk-link" href="https://facebook.com" title="Facebook"><span class="social-link-item fab fa-facebook fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://twitter.com" title="Twitter"><span class="social-link-item fab fa-twitter fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://instagram.com" title="Instagram"><span class="social-link-item fab fa-instagram fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://linkedin.com" title="Linkedin"><span class="social-link-item fab fa-linkedin fa-lg" style="margin: 0px;"></span></a>
             </div>
             <div class="kobweb-col kobweb-arrange-top kobweb-align-start">
-             <p class="hello-text silk-display-if-at-least-md">H</p>
+             <p class="hello-text silk-display-if-at-least-md">He</p>
              <p class="silk-display-if-at-least-lg" style="margin: 20px 0px 0px; font-size: 68px; font-weight: bolder; color: rgb(18, 29, 52);">الريادة العربية</p>
              <p class="silk-display-if-sm silk-display-until-lg" style="margin: 20px 0px 0px; font-size: 40px; font-weight: bolder; color: rgb(18, 29, 52);">الريادة العربية</p>
              <p style="margin: 10px 0px 5px; font-size: 20px; font-weight: bold; color: rgb(18, 29, 52);">ملف الشركة: حيث لا تعرف السماء حدودًا.</p>

diff --git a/site/.kobweb/site/delete_account_instructions/index.html b/site/.kobweb/site/delete_account_instructions/index.html
diff --git a/site/.kobweb/site/index.html b/site/.kobweb/site/index.html
@@ -79,7 +79,7 @@
              <a class="silk-link" href="https://facebook.com" title="Facebook"><span class="social-link-item fab fa-facebook fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://twitter.com" title="Twitter"><span class="social-link-item fab fa-twitter fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://instagram.com" title="Instagram"><span class="social-link-item fab fa-instagram fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://linkedin.com" title="Linkedin"><span class="social-link-item fab fa-linkedin fa-lg" style="margin: 0px;"></span></a>
             </div>
             <div class="kobweb-col kobweb-arrange-top kobweb-align-start">
-             <p class="hello-text silk-display-if-at-least-md">He</p>
+             <p class="hello-text silk-display-if-at-least-md">H</p>
              <p class="silk-display-if-at-least-lg" style="margin: 20px 0px 0px; font-size: 68px; font-weight: bolder; color: rgb(18, 29, 52);">Alrayada Alarabiah</p>
              <p class="silk-display-if-sm silk-display-until-lg" style="margin: 20px 0px 0px; font-size: 40px; font-weight: bolder; color: rgb(18, 29, 52);">Alrayada Alarabiah</p>
              <p style="margin: 10px 0px 5px; font-size: 20px; font-weight: bold; color: rgb(18, 29, 52);">Company Profile: Where the Sky Knows No Limits.</p>

diff --git a/...c/jsMain/kotlin/net/freshplatform/alrayada_web/pages/delete_account_instructions/Index.kt b/...c/jsMain/kotlin/net/freshplatform/alrayada_web/pages/delete_account_instructions/Index.kt
@@ -2,10 +2,26 @@ package net.freshplatform.alrayada_web.pages.delete_account_instructions
 
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import com.varabyte.kobweb.compose.foundation.layout.Box
+import com.varabyte.kobweb.compose.foundation.layout.Column
+import com.varabyte.kobweb.compose.ui.Modifier
+import com.varabyte.kobweb.compose.ui.graphics.Colors
+import com.varabyte.kobweb.compose.ui.modifiers.*
+import com.varabyte.kobweb.compose.ui.toAttrs
 import com.varabyte.kobweb.core.Page
+import com.varabyte.kobweb.silk.components.style.toModifier
+import net.freshplatform.alrayada_web.components.core.Center
 import net.freshplatform.alrayada_web.core.data.StringRes
 import net.freshplatform.alrayada_web.core.services.localization.getStringResource
+import net.freshplatform.alrayada_web.core.services.localization.stringResource
+import net.freshplatform.alrayada_web.styles.ReadableTextStyleOnWhiteBackground
 import net.freshplatform.alrayada_web.utils.updateDocument
+import org.jetbrains.compose.web.css.Color
+import org.jetbrains.compose.web.css.percent
+import org.jetbrains.compose.web.css.px
+import org.jetbrains.compose.web.dom.H1
+import org.jetbrains.compose.web.dom.P
+import org.jetbrains.compose.web.dom.Text
 
 @Composable
 @Page
@@ -16,4 +32,43 @@ fun DeleteAccountInstructions() {
             description = getStringResource(StringRes.DeleteAccountInstructionsDesc)
         }
     }
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .backgroundColor(Color("#242B2E"))
+    ) {
+        Center {
+            Box(
+                modifier = Modifier
+                    .backgroundColor(Colors.White)
+                    .fillMaxWidth(95.percent)
+                    .borderRadius(r = 20.px)
+                    .minHeight(300.px),
+            ) {
+                Column(
+                    modifier = Modifier
+                        .padding(25.px)
+                        .fillMaxSize()
+                ) {
+                    H1(
+                        attrs = Modifier
+                            .toAttrs()
+                    ) {
+                        Text(getStringResource(StringRes.DeleteAccountInstructions))
+                    }
+                    P(
+                        attrs = ReadableTextStyleOnWhiteBackground
+                            .toModifier()
+                            .fillMaxWidth()
+                            .margin(topBottom = 0.px)
+                            .fontSize(18.px)
+                            .lineHeight(1.4)
+                            .toAttrs()
+                    ) {
+                        Text(getStringResource(StringRes.DeleteAccountInstructionsDesc))
+                    }
+                }
+            }
+        }
+    }
 }