molQuiz

Running

App Files Files Community

OzoneAsai commited on Jun 4

Commit

7918852

•

1 Parent(s): 6194752

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +59 -11

templates/index.html CHANGED Viewed

@@ -1,20 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>化学計算問題生成</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
     <div class="container">
-        <h1>化学計算問題</h1>
-        <h2>{{ problem_statement }}</h2>
-        <form method="post">
-            <label for="user_input">解答を入力してください:</label>
-            <input type="number" step="0.001" name="user_input" id="user_input" required>
-            <input type="hidden" name="solution" value="{{ solution }}">
-            <button type="submit">提出</button>
         </form>
     </div>
 </body>

+<!doctype html>
+<html lang="ja">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>計算問題</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f8f9fa;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        .container {
+            background-color: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            max-width: 400px;
+            width: 100%;
+        }
+        h1 {
+            font-size: 24px;
+            margin-bottom: 20px;
+        }
+        form {
+            display: flex;
+            flex-direction: column;
+        }
+        label {
+            font-size: 18px;
+            margin-bottom: 10px;
+        }
+        input[type="text"] {
+            padding: 10px;
+            font-size: 16px;
+            margin-bottom: 20px;
+            border: 1px solid #ced4da;
+            border-radius: 4px;
+        }
+        input[type="submit"] {
+            padding: 10px;
+            font-size: 16px;
+            color: white;
+            background-color: #007bff;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        input[type="submit"]:hover {
+            background-color: #0056b3;
+        }
+    </style>
 </head>
 <body>
     <div class="container">
+        <h1>{{ question }}</h1>
+        <form action="{{ url_for('check') }}" method="post">
+            <label for="answer">答え：</label>
+            <input type="text" id="answer" name="answer" required>
+            <input type="submit" value="送信">
         </form>
     </div>
 </body>