From 7d91a9db6853eff6bdf91b4fee6796c1e3dbc4f7 Mon Sep 17 00:00:00 2001
From: Alek Petuskey <17petuskey@berkeley.edu>
Date: Sat, 19 Nov 2022 19:32:19 -0800
Subject: [PATCH] Template Update (#6)

* Updated base template.
---
 pynecone/.templates/app/tutorial.py | 76 ++++++-----------------------
 1 file changed, 14 insertions(+), 62 deletions(-)

diff --git a/pynecone/.templates/app/tutorial.py b/pynecone/.templates/app/tutorial.py
index 98feabdc7..2221a6c1a 100644
--- a/pynecone/.templates/app/tutorial.py
+++ b/pynecone/.templates/app/tutorial.py
@@ -1,83 +1,35 @@
 """Welcome to Pynecone! This file outlines the steps to create a basic app."""
-
-# Import pynecone.
 import pcconfig
-
 import pynecone as pc
 
 docs_url = "https://pynecone.io/docs/getting-started/introduction"
-title = "Welcome to Pynecone!"
 filename = f"{pcconfig.APP_NAME}/{pcconfig.APP_NAME}.py"
 
 
 class State(pc.State):
     """The app state."""
-
-    # The colors to cycle through.
-    colors = ["black", "red", "orange", "yellow", "green", "blue", "purple"]
-
-    # The index of the current color.
-    index = 0
-
-    def next_color(self):
-        """Cycle to the next color."""
-        self.index = (self.index + 1) % len(self.colors)
-
-    @pc.var
-    def color(self):
-        return self.colors[self.index]
-
-
-# Define views.
-def welcome_text():
-    return pc.heading(
-        title,
-        font_size="2.5em",
-        on_click=State.next_color,
-        color=State.color,
-        _hover={"cursor": "pointer"},
-    )
-
-
-def instructions():
-    return pc.box(
-        "Get started by editing ",
-        pc.code(
-            filename,
-            font_size="0.8em",
-        ),
-    )
-
-
-def doclink():
-    return pc.link(
-        "Check out our docs!",
-        href=docs_url,
-        border="0.1em solid",
-        padding="0.5em",
-        _hover={
-            "border_color": State.color,
-            "color": State.color,
-        },
-    )
+    pass
 
 
 def index():
-    return pc.container(
+    return pc.center(
         pc.vstack(
-            welcome_text(),
-            instructions(),
-            doclink(),
-            spacing="2em",
+            pc.heading("Welcome to Pynecone!"),
+            pc.box("Get started by editing ", pc.code(filename)),
+            pc.link(
+                "Check out our docs!",
+                href=docs_url,
+                border="0.1em solid",
+                padding="0.5em",
+                border_radius="0.5em"
+            ),
         ),
-        padding_y="5em",
-        font_size="2em",
-        text_align="center",
-        height="100vh",
+        padding="5em"
     )
 
 
 # Add state and page to the app.
 app = pc.App(state=State)
-app.add_page(index, title=title)
+app.add_page(index)
 app.compile()
+