Icon added <3 and a bit more UI changes

src/intl/en-US.js

@@ -4,23 +4,20 @@ export default {
   appDescription: 'An alternative web client for Mastodon, focused on speed and simplicity.',
   homeDescription: `
     <p>
-      Pinafore is a web client for
-      <a rel="noopener" target="_blank" href="https://joinmastodon.org">Mastodon</a>,
-      designed for speed and simplicity.
+      <b>FediLove</b> is a web client aiming to deliver a federated
+      dating App on top of <a rel="noopener" target="_blank" href="https://joinmastodon.org">Mastodon</a>.
     </p>
     <p>
-      Read the
-      <a rel="noopener" target="_blank"
-         href="https://nolanlawson.com/2018/04/09/introducing-pinafore-for-mastodon/">introductory blog post</a>,
-      or get started by logging in to an instance:
+      Start your journey to <b>meet your crush</b> !!
     </p>`,
-  logIn: 'Log in',
+  logIn: 'Log in using <b>Mastodon</b>',
+  logInText: 'Log In',
   footer: `
     <p>
-      Pinafore is
-      <a rel="noopener" target="_blank" href="https://github.com/nolanlawson/pinafore">open-source software</a>
-      created by
-      <a rel="noopener" target="_blank" href="https://nolanlawson.com">Nolan Lawson</a>
+      FediLove is a Pinafore fork. It is 
+      <a rel="noopener" target="_blank" href="https://git.nogafam.es/nogafam/fedilove-ui">open-source software</a>
+      adapted by 
+      <a rel="noopener" target="_blank" href="https://masto.nogafam.es/@admin">bofh@nogafam.es</a>
       and distributed under the
       <a rel="noopener" target="_blank"
          href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">AGPL License</a>.

src/routes/_components/NotLoggedInHome.html

@@ -7,7 +7,7 @@
       </div>
       <div>
         {@html intl.homeDescription}
-        <p style="text-align: right;">
+        <p style="text-align: right; margin-top: 5em">
           <a class="button primary" rel="prefetch" href="/settings/instances/add">{intl.logIn}</a>
         </p>
       </div>

src/routes/_pages/settings/instances/add.html

@@ -108,7 +108,7 @@
       hasLocalStorage: true
     }),
     computed: {
-      pageLabel: ({ $isUserLoggedIn }) => $isUserLoggedIn ? 'intl.addInstance' : 'intl.logIn'
+      pageLabel: ({ $isUserLoggedIn }) => $isUserLoggedIn ? 'intl.addInstance' : 'intl.logInText'
     },
     methods: {
       onSubmitInstance (event) {

src/scss/global.scss

@@ -105,8 +105,9 @@ button, .button {
   font-size: 1.2em;
   background: var(--button-bg);
   border-radius: 2px;
-  padding: 10px 15px;
+  padding: .8em 1.5em;
   border: 1px solid var(--button-border);
+  border-radius: .3em;
   cursor: pointer;
   color: var(--button-text);
 

src/scss/themes/ozark.scss

@@ -11,7 +11,11 @@ $focus-outline: darken($main-theme-color, 10%);
 $compose-background: darken($main-theme-color, 12%);
 $nav-bg: #ff0759;
 $nav-a-selected-bg: lighten($nav-bg, 10%);
+$nav-a-selected-bg-hover: #3a3b3c;
 $nav-a-bg-hover: lighten($nav-bg, 25%);
+$nav-a-border: #ffa700;
+$nav-a-border-hover: #fff;
+$nav-active-bg: lighten($nav-a-selected-bg-hover, 15%);
 
 @import "_base.scss";
 @import "_dark.scss";
@@ -25,5 +29,10 @@ $nav-a-bg-hover: lighten($nav-bg, 25%);
     --button-primary-bg-active: #{$nav-a-selected-bg};
     --nav-bg: #{$nav-bg};
     --nav-a-selected-bg: #{$nav-a-selected-bg};
+    --nav-a-selected-bg-hover: #{$nav-a-selected-bg-hover};
+    --nav-a-selected-active-bg: #{$nav-a-selected-bg-hover};
     --nav-a-bg-hover: #{$nav-a-bg-hover};
+    --nav-a-border: #{$nav-a-border};
+    --nav-a-border-hover: #{$nav-a-border-hover};
+    --nav-active-bg: #{$nav-active-bg};
 }

src/static/sailboat.svg

@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10000 10000"><path d="M9212 5993H5987V823c1053 667 2747 2177 3225 5170zM3100 2690A12240 12240 0 01939 6035h2161zm676 7210h2448a3067 3067 0 003067-3067H5052V627a527 527 0 00-1052 0v6206H709a3067 3067 0 003067 3067z"/></svg>
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="277.000000pt" height="317.000000pt" viewBox="0 0 277.000000 317.000000"
+ preserveAspectRatio="xMidYMid meet">
+<g transform="translate(0.000000,317.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1124 3131 c-45 -21 -90 -51 -102 -65 -11 -15 -76 -192 -143 -394
+-67 -202 -140 -405 -161 -452 -97 -211 -299 -538 -451 -733 -42 -54 -77 -100
+-77 -102 0 -3 335 -5 745 -5 l745 0 0 788 0 787 -213 108 c-117 59 -224 107
+-238 107 -14 0 -61 -17 -105 -39z"/>
+<path d="M1990 2052 l0 -672 365 0 c341 0 365 1 365 18 0 32 -59 246 -100 367
+-49 142 -156 365 -235 490 -81 128 -199 275 -305 380 l-90 90 0 -673z"/>
+<path d="M3 943 c8 -229 82 -417 234 -598 49 -59 161 -153 214 -180 108 -56
+175 -70 324 -70 120 0 150 3 209 23 169 57 307 161 393 297 15 25 30 45 33 45
+3 0 15 -18 28 -40 29 -52 136 -165 196 -208 l46 -33 0 445 0 446 -841 0 -841
+0 5 -127z"/>
+<path d="M1990 580 l0 -490 58 0 c282 0 583 278 687 636 29 98 42 225 31 297
+l-7 47 -385 0 -384 0 0 -490z"/>
+</g>
+</svg>