Match Django

joshaber · web-flow · commit 621e54af92e8 · 2022-11-07T20:00:20.000Z
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -17,7 +17,7 @@
   "customizations": {
     "codespaces": {
       "openFiles": [
-        "app.py"
+        "templates/index.html"
       ]
     },
     "vscode": {
diff --git a/app.py b/app.py
@@ -1,7 +1,7 @@
-from flask import Flask
+from flask import Flask, render_template
 
 app = Flask(__name__)
 
 @app.route("/")
 def hello_world():
-    return "<p>Hello, World!</p>"
+    return render_template("index.html", title="Hello")
diff --git a/static/Octocat.png b/static/Octocat.png
diff --git a/static/main.css b/static/main.css
@@ -0,0 +1,45 @@
+body {
+    margin: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+        sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+        monospace;
+}
+
+.App {
+    text-align: center;
+}
+
+.App-logo {
+    height: 40vmin;
+    pointer-events: none;
+}
+
+.App-header {
+    background-color: #282c34;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: calc(10px + 2vmin);
+    color: white;
+}
+
+.App-link {
+    color: #61dafb;
+}
+
+.heart {
+    color: #ff0000;
+}
+
+.small {
+    font-size: 0.75rem;
+}
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,19 @@
+<head>
+    <title>{{ title }}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
+
+<body>
+    <div class="App">
+        <header class="App-header">
+            <img src="{{ url_for('static', filename='Octocat.png') }}" class="App-logo" alt="logo" />
+            <p>
+                GitHub Codespaces <span class="heart">♥️</span> Flask
+            </p>
+            <p class="small">
+                Edit <code>templates/index.html</code> and refresh to see your changes!
+            </p>
+        </header>
+    </div>
+</body>
+
+</html>

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`"customizations": {`
`18`	`18`	`"codespaces": {`
`19`	`19`	`"openFiles": [`
`20`		`- "app.py"`
	`20`	`+ "templates/index.html"`
`21`	`21`	`]`
`22`	`22`	`},`
`23`	`23`	`"vscode": {`