repos / neovimcraft

website that makes it easy to find neovim plugins
git clone https://github.com/neurosnap/neovimcraft.git

commit
4befc41
parent
dc8a8f2
author
Eric Bower
date
2021-07-22 22:26:10 +0000 UTC
meta info
7 files changed,  +122, -0
M src/app.html
+16, -0
 1@@ -6,6 +6,22 @@
 2     <meta name="viewport" content="width=device-width, initial-scale=1" />
 3     <link rel="stylesheet" type="text/css" href="/reset.css" />
 4     <link rel="stylesheet" type="text/css" href="/main.css" />
 5+    <meta property="og:image:width" content="1200" />
 6+    <meta property="og:image:height" content="600" />
 7+    <meta name="twitter:card" content="summary_large_image" />
 8+    <meta property="og:url" content="https://neovimcraft.com" />
 9+    <meta
10+      name="description"
11+      content="Search through our curated neovim plugin directory and read our guides on creating plugins."
12+    />
13+    <meta property="og:image" content="https://neovimcraft.com/neovimcraft.png" />
14+    <meta property="og:title" content="neovimcraft" />
15+    <meta
16+      property="og:description"
17+      content="Search through our curated neovim plugin directory and read our guides on creating plugins."
18+    />
19+    <meta name="twitter:image:src" content="https://neovimcraft.com/neovimcraft.png" />
20+
21     %svelte.head%
22   </head>
23   <body>
M src/routes/about.svelte
+7, -0
 1@@ -55,6 +55,13 @@
 2   </div>
 3 </div>
 4 
 5+<svelte:head>
 6+  <title>neovim craft - about</title>
 7+  <meta name="description" content="About neovim craft" />
 8+  <meta property="og:description" content="About neovim craft" />
 9+  <meta property="og:title" content="neovim craft - about" />
10+</svelte:head>
11+
12 <style>
13   .container {
14     display: flex;
M src/routes/guides.svelte
+13, -0
 1@@ -140,6 +140,19 @@
 2   </div>
 3 </div>
 4 
 5+<svelte:head>
 6+  <title>neovim craft - guides</title>
 7+  <meta
 8+    name="description"
 9+    content="Curated guides to help you configure neovim and build plugins"
10+  />
11+  <meta
12+    property="og:description"
13+    content="Curated guides to help you configure neovim and build plugins"
14+  />
15+  <meta property="og:title" content="neovim craft - plugin guides" />
16+</svelte:head>
17+
18 <style>
19   .container {
20     padding: 0 15px;
M src/routes/index.svelte
+3, -0
 1@@ -127,6 +127,9 @@
 2 
 3 <svelte:head>
 4   <title>neovim craft - plugin search</title>
 5+  <meta name="description" content="Search through our curated list of neovim plugins" />
 6+  <meta property="og:description" content="Search through our curated list of neovim plugins" />
 7+  <meta property="og:title" content="neovim craft - plugin search" />
 8 </svelte:head>
 9 
10 <style>
A src/routes/meta-image.svelte
+83, -0
 1@@ -0,0 +1,83 @@
 2+<script lang="ts">
 3+  import Tag from '$lib/tag.svelte';
 4+  const tags = [
 5+    { id: 'neovim', count: 11 },
 6+    { id: 'plugins', count: 5 },
 7+    { id: 'lua', count: 50 },
 8+    { id: 'learn', count: 1 },
 9+    { id: 'build', count: 2 },
10+  ];
11+</script>
12+
13+<div class="container">
14+  <div class="meta">
15+    <div class="top">
16+      <div>
17+        <img class="logo" src="/neovim-mark-flat.png" alt="neovim logo" />
18+      </div>
19+      <div>
20+        <h1 class="header">neovim craft</h1>
21+        <div class="desc">
22+          Search through our curated neovim plugin directory and read our guides on creating
23+          plugins.
24+        </div>
25+      </div>
26+    </div>
27+    <div class="links">
28+      {#each tags as tag}
29+        <Tag {tag} showCount={false} />
30+      {/each}
31+    </div>
32+  </div>
33+</div>
34+
35+<style>
36+  .container {
37+    display: flex;
38+    align-items: center;
39+    justify-content: center;
40+    width: 100vw;
41+    height: 100vh;
42+    background-color: #fff;
43+  }
44+
45+  .meta {
46+    width: 1200px;
47+    height: 600px;
48+    background-color: var(--bg-color);
49+    padding: 90px 40px;
50+  }
51+
52+  .top {
53+    display: flex;
54+    align-items: center;
55+  }
56+
57+  .logo {
58+    width: 150px;
59+    height: auto;
60+    margin-right: 30px;
61+  }
62+
63+  .header {
64+    font-size: 10rem;
65+    line-height: 10rem;
66+    margin-bottom: 1rem;
67+  }
68+
69+  .desc {
70+    font-size: 2rem;
71+    margin-left: 10px;
72+  }
73+
74+  .links {
75+    margin-top: 1rem;
76+    margin-left: 190px;
77+  }
78+
79+  :global(.tag) {
80+    font-size: 1.5rem !important;
81+    margin-right: 1rem !important;
82+    padding: 0.5rem !important;
83+  }
84+</style>
A static/neovim-mark-flat.png
+0, -0
A static/neovimcraft.png
+0, -0