save point

matterofabstract · Jul 19, 2023 · 3e45ff3 · 3e45ff3
1 parent c0fd634
commit 3e45ff3
Show file tree

Hide file tree

Showing 7 changed files with 180 additions and 41 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -5,21 +5,54 @@
   import NoteDetail from './lib/NoteDetail.svelte';
   import StatusBar from './lib/StatusBar.svelte';
 
-  import { fullScreen } from './lib/store';
+  import { fullScreen, maximumFullScreen } from './lib/store';
 </script>
 
-<div class="h-screen w-screen flex flex-col justify-center items-center {$fullScreen ? '' : 'p-2'}">
+<div class="h-screen w-screen overflow-hidden flex flex-col justify-center items-center {$fullScreen ? '' : 'p-2'}">
   {#if !$fullScreen}
-    <div class="absolute" style="text-align: center; top: 3%;">
-      <h1 style=" font-size: 40px; font-weight: 600">nvAux</h1>
-      <p style="max-width: 500px; margin-bottom: 60px;">Capture and retrieve ideas at the speed of thought with nvAux, the in-the-zone, aint-nobody-stopping-me note-taking app for creative professionals.</p>
+    <div class="absolute text-center" style="top: 10px; opacity: 0.7">
+      <h1>nvAux</h1>
+      <p>Capture and retrieve ideas at the speed of thought with nvAux, the in-the-zone, aint-nobody-stopping-me note-taking app for creative professionals.</p>
     </div>
   {/if}
-  <main class="relative overflow-hidden flex flex-col" style="transition: all 0.5s ease-in-out; {$fullScreen ? 'height: 100%; width: 100%; border-color: transparent;' : 'max-width: 690px; width: 100%; min-width: 200px; height: 50%; min-height: 400px; border-color: #2d2f30; border-radius: 8px; -webkit-box-shadow: 0px 36px 69px -24px rgba(0,0,0,0.75); -moz-box-shadow: 0px 36px 69px -24px rgba(0,0,0,0.75); box-shadow: 0px 36px 69px -24px rgba(0,0,0,0.75);'} background-color: #181a1c; border: 1px solid; overflow: hidden;">
+  <main
+    class="{$fullScreen ? 'fullscreen' : 'windowed'} relative overflow-hidden flex flex-col transition-all"
+    style="{$fullScreen ? $maximumFullScreen ? 'height: 100%; width: 100%;' : 'height: calc(100vh - 8px); width: calc(100vw - 8px); border-radius: 8px;' : ''} background-color: #181a1c;"
+  >
     <OmniBar />
     <NoteList />
     <ResizeHandle />
     <NoteDetail />
     <StatusBar />
   </main>
 </div>
+
+<style>
+  h1 {
+    font-size: 60px;
+    font-weight: 600;
+    font-family:Arial, Helvetica, sans-serif;
+    margin-bottom: 0;
+  }
+  p {
+    max-width: 500px;
+    margin-bottom: 60px;
+    font-size: 16px;
+    line-height: 24px;
+  }
+  main.fullscreen {
+    max-width: 100%;
+    border: 1px solid rgba(0,0,0,0.0);
+  }
+  main.windowed {
+    max-width: 690px;
+    width: 100%;
+    min-width: 200px;
+    height: 50%;
+    min-height: 300px;
+    border-radius: 8px;
+    border: 1px solid #3a3f412e;
+    -webkit-box-shadow: 0px 36px 69px -24px rgba(0,0,0,0.75);
+    box-shadow: 0px 36px 69px -24px rgba(0,0,0,0.75);
+  }
+</style>
diff --git a/src/lib/AbstractlyLogo.svelte b/src/lib/AbstractlyLogo.svelte
@@ -0,0 +1,43 @@
+<svg width="75"  viewBox="0 0 291 101" class="ab-logo" style="opacity: 1; zoom: 110%;"
+  ><defs
+    ><linearGradient id="ab-logo-c" x1="50%" x2="50%" y1="0%" y2="100%"
+      ><stop offset="0%" stop-color="#34DEDE" /><stop offset="100%" stop-color="#2561DA" /></linearGradient
+    ><path
+      id="ab-logo-b"
+      d="M2.03057769,75.9999986 C1.35061591,75.6633273 1,75.3200771 1,74.9716045 C1,70.5690089 56.9644063,67 126,67 C195.035594,67 251,70.5690089 251,74.9716045 C251,75.3038062 250.681362,75.6312618 250.062513,75.9527961 C228.148809,73.2513633 180.940302,71.3823235 126.236377,71.3823235 C71.2143935,71.3823235 23.7752421,73.2731602 2.03058002,76 Z"
+    /><filter id="ab-logo-a" width="128.8%" height="900%" x="-14.4%" y="-400%" filterUnits="objectBoundingBox"
+      ><feOffset in="SourceAlpha" result="shadowOffsetOuter1" /><feGaussianBlur
+        in="shadowOffsetOuter1"
+        result="shadowBlurOuter1"
+        stdDeviation="12"
+      /><feColorMatrix
+        in="shadowBlurOuter1"
+        values="0 0 0 0 0.180392157   0 0 0 0 0.694117647   0 0 0 0 0.866666667  0 0 0 0.475114729 0"
+      /></filter
+    ><polygon
+      id="ab-logo-e"
+      points="215.661 70.21 221.256 66.597 221.669 65.932 224.399 66.168 223.37 66.597 220.628 70.21 218.594 70.21 219.026 69.464 217.831 70.21"
+    /><filter id="ab-logo-d" width="214.4%" height="333.8%" x="-68.7%" y="-116.9%" filterUnits="objectBoundingBox"
+      ><feOffset dx="-1" in="SourceAlpha" result="shadowOffsetOuter1" /><feGaussianBlur
+        in="shadowOffsetOuter1"
+        result="shadowBlurOuter1"
+        stdDeviation="1.5"
+      /><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.537341565 0" /></filter
+    ></defs
+  ><g fill="none" fill-rule="evenodd" transform="translate(19 -2)"
+    ><g fill-rule="nonzero" transform="rotate(-2 126 71.5)"
+      ><use fill="#000" filter="url(#ab-logo-a)" xlink:href="#ab-logo-b" /><use
+        fill="url(#ab-logo-c)"
+        xlink:href="#ab-logo-b"
+      /></g
+    ><use fill="#000" filter="url(#ab-logo-d)" xlink:href="#ab-logo-e" /><use
+      fill="#000"
+      xlink:href="#ab-logo-e"
+    /><path
+      fill="#FFF"
+      fill-rule="nonzero"
+      d="M69.1810594,3.29700806 C69.1810594,3.72116263 69.0113976,3.97565537 68.6720739,3.97565537 C67.3147793,3.5515008 65.8726538,3.38183897 64.2608664,3.38183897 C43.9014472,3.38183897 9.12077283,36.550726 9.12077283,56.4011597 C9.12077283,61.1516909 10.902222,63.017971 13.9561349,63.017971 C24.4751681,63.017971 49.2457948,39.0956534 61.2069535,21.3659926 C61.9704318,20.0935289 63.2428955,19.4148816 63.8367118,19.4148816 C64.2608664,19.4148816 64.5153592,19.6693743 64.5153592,20.0935289 C64.5153592,20.6873453 64.1760355,21.3659926 63.0732336,22.9777799 C50.6030894,40.6226099 46.9553601,51.226474 46.9553601,57.2494689 C46.9553601,61.5758454 48.8216402,63.6117874 50.7727512,64.3752656 C50.942413,64.4600965 51.027244,64.6297583 51.027244,64.7145892 C51.027244,65.0539129 50.7727512,65.3084056 50.5182585,65.3084056 C48.1429929,65.3084056 45.3435728,61.5758454 45.3435728,56.9949761 C45.3435728,52.1596141 47.6340074,46.0517883 50.009273,40.9619335 C51.4513985,37.9928516 52.978355,35.0237696 54.6749732,32.0546876 C35.1638632,55.4680197 20.9122698,64.969082 13.0229948,64.969082 C8.52695644,64.969082 6.15169087,61.9151691 6.15169087,56.4859906 C6.15169087,39.3501462 39.1509161,1.0065734 66.1271465,1.0065734 C68.4175812,1.0065734 69.1810594,2.36386801 69.1810594,3.29700806 Z M92.0854059,9.74415746 C92.0854059,20.941838 67.9934266,47.0697593 57.813717,55.2135269 C57.4743934,56.5708216 57.2199006,57.7584543 57.2199006,58.6915944 C57.2199006,60.4730436 57.8985479,61.3213527 59.3406734,61.3213527 C62.6490791,61.3213527 65.8726538,57.2494689 67.2299484,55.2983579 C66.8906247,54.6197106 66.8057938,53.8562323 66.8057938,53.177585 C66.8057938,51.226474 67.7389339,49.6146867 69.6900449,49.6146867 C70.3686922,49.6146867 70.538354,50.2085031 70.538354,50.8023195 C70.538354,51.9051213 70.0293685,53.3472469 68.9265666,55.0438651 C69.9445376,56.4859906 71.7259868,57.1646379 73.7619287,57.1646379 C76.391687,57.1646379 79.1911071,56.0618361 81.1422181,53.9410632 L81.9905273,54.8742033 C79.360769,57.5039616 76.2220252,58.6915944 73.2529432,58.6915944 C70.6231849,58.6915944 69.0113976,57.8432853 67.9934266,56.5708216 C65.7878229,59.8792272 61.8856008,63.017971 59.0013498,63.017971 C56.5412533,63.017971 55.5232824,61.4061836 55.5232824,58.7764253 C55.5232824,45.8821265 80.0394163,8.13237011 90.4736186,8.13237011 C91.7460823,8.13237011 92.0854059,8.81101742 92.0854059,9.74415746 Z M90.5584495,10.168312 C90.5584495,9.57449564 90.3039568,9.3200029 89.8798022,9.3200029 C83.7719765,9.3200029 63.9215428,38.0776825 58.5771952,52.8382614 C70.1141994,43.3371991 90.5584495,18.2272488 90.5584495,10.168312 Z M101.077483,54.7893724 L100.653328,55.2135269 C100.398835,55.4680197 100.059512,55.7225124 99.4656954,56.146667 C95.4786425,59.2854108 86.4865657,62.93314 81.2270491,62.93314 C78.8517835,62.93314 77.2399961,62.1696618 77.2399961,60.2185508 C77.2399961,59.2854108 78.0034744,58.5219326 78.9366144,58.5219326 C79.360769,58.5219326 79.6152617,58.7764253 79.7000926,59.2005799 C79.9545854,60.4730436 80.2090781,60.8123672 80.8028945,60.8971981 C84.6202856,60.6427054 89.7101404,53.7714014 89.7101404,51.226474 C89.7101404,50.6326576 89.4556476,50.293334 88.8618312,50.293334 C87.5893675,50.293334 85.4685947,51.9051213 83.1781601,53.8562323 L81.2270491,55.5528506 L79.2759381,55.5528506 C79.9545854,54.9590342 80.4635708,54.5348796 81.1422181,53.9410632 C85.9775802,49.4450248 88.098353,48.1725611 89.8798022,48.1725611 C91.3219277,48.1725611 92.000575,48.8512085 92.000575,50.1236722 C92.000575,52.9230923 88.5225076,58.097778 84.3657928,60.8971981 C89.116324,60.3033817 94.7999952,58.4371016 99.2112027,54.7893724 L101.077483,54.7893724 Z M139.675548,36.9748806 C139.675548,37.9928516 139.336225,38.586668 137.385114,38.586668 C136.197481,38.3321752 124.490815,38.1625134 113.462796,37.9080206 C106.42183,46.9849284 99.0415408,56.7404834 99.0415408,59.115749 C99.0415408,60.3882126 99.4656954,60.982029 100.398835,60.982029 C104.470719,60.982029 112.359994,56.6556525 115.074583,53.9410632 L115.922893,54.8742033 C113.632458,57.3342998 105.573521,62.2544927 100.314005,62.2544927 C98.7022172,62.2544927 97.4297535,61.5758454 97.4297535,59.7943963 C97.4297535,56.4859906 104.046565,46.9849284 110.833038,37.9080206 C105.064536,37.8231897 100.059512,37.7383588 96.7511062,37.7383588 C89.0314931,37.7383588 82.8388364,37.8231897 79.1911071,37.8231897 C77.9186434,37.8231897 76.391687,37.3990352 76.391687,36.7203879 C76.4765179,36.2962333 76.9855034,36.0417406 77.409658,35.9569096 C77.6641507,35.8720787 77.9186434,35.8720787 78.2579671,35.8720787 C79.360769,35.8720787 88.0135221,35.9569096 96.1572898,35.9569096 C100.907821,36.0417406 106.252168,36.0417406 112.190332,36.1265715 C115.6684,31.3760403 119.061636,26.8800019 121.436902,23.4019345 C122.709366,21.4508235 123.642506,21.2811617 124.06666,21.2811617 C124.405984,21.2811617 124.830138,21.5356544 124.830138,21.959809 C124.830138,22.3839635 124.660477,22.892949 124.236322,23.4867654 C122.20038,26.4558474 118.637482,31.0367167 114.820091,36.1265715 C117.280187,36.1265715 123.048689,36.1265715 128.223375,36.2114024 C131.277288,36.2962333 134.500863,36.2962333 137.97893,36.2962333 C138.91207,36.2962333 139.675548,36.3810642 139.675548,36.9748806 Z M137.97893,54.8742033 C135.688495,57.3342998 127.629559,62.2544927 122.370042,62.2544927 C120.3341,62.2544927 118.46782,61.3213527 118.46782,59.2005799 C118.46782,57.9281162 119.994776,55.5528506 121.691395,53.7714014 C120.249269,53.4320778 119.316129,52.8382614 119.061636,51.9051213 C117.789173,53.177585 116.431878,54.4500487 115.159414,55.5528506 L113.208303,55.5528506 C113.886951,54.9590342 114.395936,54.5348796 115.074583,53.9410632 C117.025694,52.244445 118.807144,50.3781649 119.485791,48.7663775 C120.164438,47.6635757 121.097578,46.8152665 122.115549,46.5607738 C122.539704,46.5607738 122.709366,46.6456047 122.709366,46.9000974 C122.709366,47.5787448 120.843086,48.7663775 120.843086,49.9540103 C120.843086,51.226474 121.352071,51.9051213 123.388013,52.1596141 C123.981829,51.6506286 124.490815,51.3961358 124.914969,51.3961358 C125.339124,51.3961358 125.593617,51.9051213 125.593617,52.244445 C125.593617,53.177585 120.673424,56.4011597 120.673424,59.5399035 C120.673424,60.4730436 121.691395,61.06686 122.624535,61.06686 C125.593617,61.06686 129.58067,59.2005799 132.38009,57.5039616 C134.331201,56.4011597 136.027819,55.0438651 137.130621,53.9410632 L137.97893,54.8742033 Z M165.209653,54.8742033 C162.919218,57.3342998 154.860282,62.2544927 149.600765,62.2544927 C146.631683,62.2544927 145.613712,60.1337199 145.613712,57.7584543 L145.613712,57.2494689 C142.220476,59.9640581 137.469945,62.6786473 135.518834,62.6786473 C133.907046,62.6786473 133.143568,62 133.143568,60.5578745 C133.143568,56.7404834 140.014872,48.6815466 149.685596,48.6815466 C152.145692,48.6815466 152.230523,49.275363 152.230523,49.6995176 C152.230523,50.6326576 151.297383,50.6326576 151.042891,50.6326576 C150.364243,50.5478267 149.685596,50.5478267 149.09178,50.5478267 C140.693519,50.5478267 135.349172,56.9949761 135.349172,59.6247344 C135.349172,60.3882126 135.688495,60.7275363 136.451974,60.7275363 C138.827239,60.7275363 144.341248,56.7404834 145.783374,55.8073433 C146.37719,53.8562323 147.649654,52.1596141 149.431103,52.1596141 C149.855258,52.1596141 150.02492,52.244445 150.02492,52.4989377 C150.02492,53.0927541 148.752456,54.4500487 146.971007,56.0618361 C147.055838,59.3702417 148.752456,60.4730436 151.127722,60.4730436 C155.199605,60.4730436 161.477093,56.8253143 164.361344,53.9410632 L165.209653,54.8742033 Z M182.769652,54.8742033 C180.479218,57.4191307 171.232648,63.1876328 165.973131,63.1876328 C162.495064,63.1876328 161.137769,61.8303382 161.137769,59.8792272 C161.137769,55.5528506 167.839411,48.9360394 172.844435,48.9360394 C173.777575,48.9360394 174.541054,49.4450248 174.541054,50.3781649 C174.541054,51.3113049 173.947237,52.4989377 172.929266,52.4989377 C172.420281,52.4989377 172.165788,52.244445 172.165788,51.8202904 C172.165788,51.5657977 172.420281,51.3961358 172.420281,51.0568122 C172.420281,50.8023195 172.250619,50.6326576 171.826464,50.6326576 C168.772551,50.6326576 163.343373,56.0618361 163.343373,59.2005799 C163.343373,60.5578745 164.361344,61.5758454 166.991102,61.5758454 C170.808493,61.5758454 179.121923,56.7404834 181.921343,53.9410632 L182.769652,54.8742033 Z M221.62221,36.9748806 C221.62221,37.9928516 221.282887,38.586668 219.331776,38.586668 C218.144143,38.3321752 206.437477,38.1625134 195.409458,37.9080206 C188.368492,46.9849284 180.988203,56.7404834 180.988203,59.115749 C180.988203,60.3882126 181.412358,60.982029 182.345498,60.982029 C186.417381,60.982029 194.306656,56.6556525 197.021246,53.9410632 L197.869555,54.8742033 C195.57912,57.3342998 187.520183,62.2544927 182.260667,62.2544927 C180.648879,62.2544927 179.376416,61.5758454 179.376416,59.7943963 C179.376416,56.4859906 185.993227,46.9849284 192.7797,37.9080206 C187.011198,37.8231897 182.006174,37.7383588 178.697768,37.7383588 C170.978155,37.7383588 164.785499,37.8231897 161.137769,37.8231897 C159.865306,37.8231897 158.338349,37.3990352 158.338349,36.7203879 C158.42318,36.2962333 158.932166,36.0417406 159.35632,35.9569096 C159.610813,35.8720787 159.865306,35.8720787 160.204629,35.8720787 C161.307431,35.8720787 169.960184,35.9569096 178.103952,35.9569096 C182.854483,36.0417406 188.198831,36.0417406 194.136995,36.1265715 C197.615062,31.3760403 201.008299,26.8800019 203.383564,23.4019345 C204.656028,21.4508235 205.589168,21.2811617 206.013322,21.2811617 C206.352646,21.2811617 206.776801,21.5356544 206.776801,21.959809 C206.776801,22.3839635 206.607139,22.892949 206.182984,23.4867654 C204.147042,26.4558474 200.584144,31.0367167 196.766753,36.1265715 C199.226849,36.1265715 204.995351,36.1265715 210.170037,36.2114024 C213.22395,36.2962333 216.447525,36.2962333 219.925592,36.2962333 C220.858732,36.2962333 221.62221,36.3810642 221.62221,36.9748806 Z M235.195157,10.5924666 C235.195157,18.3969106 210.42453,45.5428028 198.717864,54.4500487 L198.717864,55.2983579 C198.717864,59.2854108 200.499313,61.5758454 204.995351,61.5758454 C208.812743,61.5758454 216.277863,56.7404834 219.077283,53.9410632 L219.925592,54.8742033 C217.635157,57.4191307 209.236897,63.1876328 203.97738,63.1876328 C198.633033,63.1876328 196.597091,60.3882126 196.597091,55.7225124 C196.597091,40.7074408 220.010423,8.47169377 232.73506,8.47169377 C234.346847,8.47169377 235.195157,9.15034107 235.195157,10.5924666 Z M233.244046,11.1014521 C233.244046,10.168312 232.73506,9.65932655 231.80192,9.65932655 C223.149167,9.65932655 201.686946,37.6535279 198.972357,52.5837686 C209.745883,44.8641555 233.244046,17.6334324 233.244046,11.1014521 Z M244.865881,54.8742033 C244.017572,55.8073433 242.660277,56.8253143 240.793997,58.0129471 C234.771002,61.4910145 228.663176,64.884251 222.809843,68.5319803 C212.714965,81.6807719 197.190907,99.0711091 191.083082,99.0711091 C188.792647,99.0711091 188.029169,98.0531381 188.029169,96.6110126 C188.029169,89.5700468 202.535255,79.4751681 220.68907,68.3623185 C222.809843,65.6477293 224.676123,63.2724637 225.948587,61.5758454 C226.712065,60.5578745 227.390713,59.7095653 227.984529,58.9460871 C228.06936,58.9460871 229.93564,55.9770052 229.850809,55.9770052 C229.850809,55.8073433 229.765978,55.7225124 229.681147,55.7225124 C229.596316,55.7225124 221.198056,61.4910145 217.719988,61.4910145 C216.447525,61.4910145 215.853708,60.8971981 215.853708,59.7943963 C215.853708,56.6556525 221.113225,50.2085031 222.809843,50.2085031 C223.40366,50.2085031 223.997476,50.5478267 223.997476,50.8023195 C223.997476,50.8871504 223.827814,51.0568122 223.573321,51.3113049 C222.216027,52.6685995 218.059312,56.6556525 218.059312,59.115749 C218.059312,59.5399035 218.398636,59.7095653 218.992452,59.7095653 C223.658152,59.7095653 232.73506,51.3961358 234.346847,49.7843485 C235.279987,48.7663775 236.043466,48.2573921 236.46762,48.2573921 C237.061437,48.2573921 237.315929,48.6815466 237.315929,49.275363 C237.315929,50.5478267 232.141244,55.9770052 231.462596,56.8253143 C230.190133,58.8612562 227.814867,61.9151691 224.845785,65.902222 C229.596316,63.1028019 234.262016,60.4730436 239.26704,57.5039616 C241.218151,56.4011597 242.745108,55.0438651 244.017572,53.9410632 L244.865881,54.8742033 Z M218.568298,71.1617386 C202.95941,80.9172936 190.149942,90.0790323 190.149942,96.0171962 C190.149942,97.0351672 190.828589,97.5441526 192.270714,97.5441526 C196.851584,97.5441526 209.49139,82.529081 218.568298,71.1617386 Z"
+      transform="rotate(-1 125.509 50.039)"
+    /></g
+  ></svg
+>
diff --git a/src/lib/NoteDetail.svelte b/src/lib/NoteDetail.svelte
@@ -31,7 +31,7 @@
 
 <svelte:window bind:innerHeight />
 
-<div class="relative overflow-hidden h-full">
+<div class="relative overflow-hidden h-full overflow-y-auto" style="margin-bottom: 35px;">
   {#if isEmptyObject($selectedNote)}
     <div class="relative w-full h-full flex items-center justify-center">
       <h2 style="font-size: 18px; color: #525962">No Note Selected</h2>
@@ -41,7 +41,7 @@
   {:else}
     <textarea
       id="body-editor"
-      class="block w-full h-full relative no-resize border-0 outline-none border-box"
+      class="block w-full h-full relative no-resize border-0 outline-none border-box bg-transparent"
       bind:value={$bodyText}
       on:keydown={handleDebounceSave}
     />
@@ -50,8 +50,7 @@
 
 <style>
   textarea {
-    padding: 4px 15px;
-    background: #131313;
+    padding: 4px 13px;
     color: rgba(255, 255, 255, 0.831);
     font-size: 14px;
     font-family: Arial, Helvetica, sans-serif;