heimaerbest: More development

base/package.json

@@ -3,7 +3,7 @@
     "dot": "^2.0.0-beta.1",
     "flaska": "^1.3.2",
     "formidable": "^1.2.6",
-    "msnodesqlv8": "^2.4.7",
+    "msnodesqlv8": "^2.7.0",
     "nconf-lite": "^2.0.0"
   }
 }

heimaerbest/app/site_frontpage.js

@@ -138,11 +138,12 @@ const Frontpage = {
       ]),
       m('section.tips', [
         m('div.image.house2'),
+        m('div.space'),
         m('div.content', [
           m('h2', 'Góð ráð þegar kemur að kaupa fasteign'),
           m('p', 'Að undirbúa eignina þína fyrir sölusýningu eða opið hús er lykil atriði og það mun ekki bara hjálpa til við sölu heldur getur það hækkað endanlegt verð eignarinnar umtalsvert.'),
           m('p', 'Það eru smáatriðin sem skipta máli þegar kemur að því að sýna eignina. Taktu til, hugaðu að lýsingu og gerðu kósí.'),
-          m('p', ' '),
+          m('p', m.trust(' ')),
           m('div.checkmark', 'Lagaðu til og hafðu heimilið aðlaðandi'),
           m('div.checkmark', 'Falleg lýsing skiptir máli'),
           m('div.checkmark', 'Kveiktu á ilmkertum eða bakaðu smákökur til að fá fram heimilislega lykt'),

heimaerbest/public/assets/img/checkmark.svg

@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="26" cy="26" r="26" fill="#EF6C10"/>
+<path transform="translate(14,17)" d="M0 9L2.4 6.5L8 11L21.6 0.5L24 3L8 18L0 9Z" fill="white"/>
+</svg>

heimaerbest/public/index.html

@@ -203,6 +203,7 @@ header .links a.button {
 }
 
 /* ---------------- main ---------------- */
+/* ---------------- top ---------------- */
 
 section {
   margin: 1rem 1rem 5rem;
@@ -250,6 +251,48 @@ section.title .form h5 {
   margin: 2rem 0;
 }
 
+/* ---------------- tips ---------------- */
+
+section.tips {
+  display: flex;
+  margin: 3rem 3rem 14rem;
+}
+
+section.tips .image {
+  flex: 1 1 100px;
+  background: url('/assets/img/house_2.png') center no-repeat;
+  background-size: cover;
+  border-radius: var(--section-radius);
+}
+
+section.tips .content {
+  flex: 1 1 100px;
+  padding: 3rem 0rem;
+}
+
+section.tips .space {
+  flex: 0 0 100px;
+}
+
+section.tips h2 {
+  margin-bottom: 1rem;
+}
+
+section.tips p {
+  font-size: 0.8rem;
+  font-weight: 350;
+  margin-bottom: 1rem;
+}
+
+section.tips .checkmark {
+  background: url('/assets/img/checkmark.svg') left top no-repeat;
+  background-size: auto 52px;
+  min-height: 52px;
+  margin-bottom: 1rem;
+  padding: 0.8rem 0 0 5rem;
+  font-weight: 600;
+}
+
 /* ---------------- form ---------------- */
 
 .form-group {