Merge pull request #2 from dotkernel/what-is-laminas

What is laminas

css/theme/source/dotkernel.scss

@@ -13,17 +13,19 @@
 
 // Include theme-specific fonts
 @import url(./fonts/source-sans-pro/source-sans-pro.css);
+@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:200,300,400,500,700);
+@import url(https://fonts.googleapis.com/css?family=Barlow:400,500,600);
 
 
 // Override theme settings (see ../template/settings.scss)
-$backgroundColor: #191919;
+$backgroundColor: linear-gradient(180deg, #FFF6E6 0%, #FFFFFF 100%);
 
-$mainColor: #fff;
-$headingColor: #fff;
+$mainColor: #000;
+$headingColor: #000;
 
 $mainFontSize: 42px;
-$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
-$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
+$mainFont: 'Space Grotesk', sans-serif;
+$headingFont: 'Space Grotesk', sans-serif;
 $headingTextShadow: none;
 $headingLetterSpacing: normal;
 $headingTextTransform: uppercase;
@@ -44,3 +46,12 @@ $heading4Size: 1.0em;
 // Theme template ------------------------------
 @import "../template/theme";
 // ---------------------------------------------
+
+.slide-base {
+  height: 700px;
+
+  .content-left {
+    height: 700px;
+  }
+}
+

dist/theme/dotkernel.css

@@ -4,6 +4,8 @@
  * By Hakim El Hattab, http://hakim.se
  */
 @import url(./fonts/source-sans-pro/source-sans-pro.css);
+@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:200,300,400,500,700);
+@import url(https://fonts.googleapis.com/css?family=Barlow:400,500,600);
 section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
   color: #222;
 }
@@ -12,14 +14,14 @@ section.has-light-background, section.has-light-background h1, section.has-light
  * GLOBAL STYLES
  *********************************************/
 :root {
-  --r-background-color: #191919;
-  --r-main-font: Source Sans Pro, Helvetica, sans-serif;
+  --r-background-color: linear-gradient(180deg, #FFF6E6 0%, #FFFFFF 100%);
+  --r-main-font: Space Grotesk, sans-serif;
   --r-main-font-size: 42px;
-  --r-main-color: #fff;
+  --r-main-color: #000;
   --r-block-margin: 20px;
   --r-heading-margin: 0 0 20px 0;
-  --r-heading-font: Source Sans Pro, Helvetica, sans-serif;
-  --r-heading-color: #fff;
+  --r-heading-font: Space Grotesk, sans-serif;
+  --r-heading-color: #000;
   --r-heading-line-height: 1.2;
   --r-heading-letter-spacing: normal;
   --r-heading-text-transform: uppercase;
@@ -41,7 +43,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
 }
 
 .reveal-viewport {
-  background: #191919;
+  background: linear-gradient(180deg, #FFF6E6 0%, #FFFFFF 100%);
   background-color: var(--r-background-color);
 }
 
@@ -356,4 +358,73 @@ section.has-light-background, section.has-light-background h1, section.has-light
   .backgrounds {
     background-color: var(--r-background-color);
   }
-}
+}
+.slide-base {
+  height: 700px;
+  text-align: left;
+}
+
+.slide-image img {
+  position: relative;
+  max-height: 400px;
+  min-height: 200px;
+  bottom: 0;
+}
+
+.slide-base .li-no-bullet {
+  list-style-type: none;
+}
+
+.slide-base .slide-flow {
+  margin: 50px 0;
+  display: flex;
+  font-size: 36px;
+}
+
+.slide-base .left {
+  width: 47%;
+  float: left;
+}
+
+.slide-base .right {
+  width: 47%;
+  float: right;
+}
+
+.slide-image {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+.arrow-right-100 {
+  margin: 10px 20px;
+  height: 30px;
+  width: 100px;
+  background-image: url("/css/theme/images/arrow-right.jpg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.arrow-right-200 {
+  margin: 0 20px;
+  height: 55px;
+  width: 200px;
+  background-image: url("/css/theme/images/arrow-right.jpg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.dkLogo {
+  position: fixed;
+  bottom: 70px;
+  right: 50px;
+  height: 55px;
+  width: 303px;
+  background-image: url("https://www.dotkernel.com/wp-content/uploads/2024/05/DK_LOGO_2024-big.svg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}

js/config.js

@@ -5,8 +5,8 @@ export default {
 
 	// The "normal" size of the presentation, aspect ratio will be preserved
 	// when the presentation is scaled to fit different resolutions
-	width: 960,
-	height: 700,
+	width: 1500,
+	height: 900,
 
 	// Factor of the display size that should remain empty around the content
 	margin: 0.04,