浏览代码

Create the 'why' section.

Lee Morgan 3 月之前
父节点
当前提交
7466353732
共有 2 个文件被更改,包括 30 次插入0 次删除
  1. 1 0
      routes/index.neovan
  2. 29 0
      routes/why.neovan

+ 1 - 0
routes/index.neovan

@@ -9,6 +9,7 @@
         </head>
         <body>
             <@ ./above_the_fold.neovan @>
+            <@ ./why.neovan @>
         </body>
     </html>
 <@/html>

+ 29 - 0
routes/why.neovan

@@ -0,0 +1,29 @@
+<@html>
+    <div id="why">
+        <h1>Why NeoVan?</h1>
+
+        <p>Modern front-end frameworks have become incredibly complex. It seems like the web development world just keeps adding more and more abstractions on top of other abstractions. The philosophy behind NeoVan is that most of these abstractions and complexities are unecessary and often burdensome. However, at the same time, they do offer some obvious advantages for developer experience. NeoVan is attempting to create what I call an "anti-framework" that uses the best aspects of frameworks, while keeping it very simple.</p>
+
+        <p>Also, maybe it is time to return to HTML/CSS/JavaScript. Perhaps we don't need massive frameworks and languages that compile to other languages in order to build websites. All we ever really needed was a easy components and good developers. Simplicity is the key.</p>
+
+        <p>The goal of this is small and simple. This won't be everybody's cup of tea or even a reasonable thing to use for many projects. But not every website needs to be an "app".</p>
+    </div>
+<@/html>
+
+<@style>
+    #why{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin: 0 15px;
+        width: 100%;
+        padding: 0 calc((100vw - 1250px) / 2);
+    }
+
+    #why p{
+        font-size: 25px;
+        margin-bottom: 35px;
+        line-height: 35px;
+        color: white;
+    }
+<@/style>