Compare commits
5 Commits
2f8b3e95c5
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 5eb40b6fd8 | |||
| 55ce880e1e | |||
| 441740b670 | |||
|
9b05dd44b6 | ||
| 2105b4d1b0 |
2
app.py
2
app.py
@@ -1,8 +1,10 @@
|
||||
import json
|
||||
|
||||
from flask import Flask, jsonify, request, render_template
|
||||
from flask_cors import CORS
|
||||
|
||||
app = Flask(__name__)
|
||||
CORS(app)
|
||||
with open("data.json") as f:
|
||||
data = json.load(f)
|
||||
|
||||
|
||||
2
requirements.txt
Normal file
2
requirements.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
Flask>=1.1
|
||||
flask-cors >= 3.0
|
||||
@@ -1,34 +1,78 @@
|
||||
* {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
|
||||
}
|
||||
header{
|
||||
padding: 50px;
|
||||
}
|
||||
body{
|
||||
background-image: url("https://images.unsplash.com/photo-1528459584353-5297db1a9c01?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1075&q=80");
|
||||
padding-top: 30px;
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
padding-bottom: 40px;
|
||||
font-weight: bolder;
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.input[type=text]{
|
||||
width:100%;
|
||||
body{
|
||||
background: url("background.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: left;
|
||||
color: white;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.container{
|
||||
margin: 10px 10px;
|
||||
width: calc(100% - 20px);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
input[type=text]{
|
||||
width:43%;
|
||||
background: white;
|
||||
border:2px solid #aaa;
|
||||
border-radius:4px;
|
||||
border-radius:20px;
|
||||
margin:8px 0;
|
||||
outline:none;
|
||||
padding:8px;
|
||||
box-sizing:border-box;
|
||||
transition:.3s;
|
||||
}
|
||||
.change{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
button[type=submit]{
|
||||
border: 1px solid #000000;
|
||||
border-radius: 15px;
|
||||
background: white;
|
||||
padding: 10px 20px;
|
||||
font-size:20px ;
|
||||
font-family: "montserrat";
|
||||
cursor: pointer;
|
||||
margin: 10px;
|
||||
color: #000000;
|
||||
transition: 0.8s;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
button[type=submit]:hover{
|
||||
color:white;
|
||||
}
|
||||
|
||||
input[type=text]:focus{
|
||||
border-color:dodgerBlue;
|
||||
border-color: dodgerBlue;
|
||||
box-shadow:0 0 8px 0 dodgerBlue;
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.table-dec{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -64,6 +108,7 @@ h1{
|
||||
|
||||
.content-table tbody tr:nth-of-type(even) {
|
||||
background-color: rgba(243, 243, 243, 0.7);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.content-table tbody tr:last-of-type {
|
||||
@@ -80,3 +125,6 @@ h1{
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.button-dec {
|
||||
}
|
||||
|
||||
BIN
static/background.jpg
Normal file
BIN
static/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
@@ -6,17 +6,21 @@
|
||||
<title>Mock Car API Admin</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='admin.css')}}" type="text/css">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mock Data API</h1>
|
||||
</header>
|
||||
|
||||
<div class="change">
|
||||
<input class="input-box" type="text" name="key" id="key" placeholder="Key">
|
||||
<input class="input-box" type="text" name="value" id="value" placeholder="Valid JSON values">
|
||||
</div>
|
||||
<div class='button-dec'>
|
||||
<div class='container'>
|
||||
<button type="submit" id="#submit" onclick="updateData()">Change / Add</button>
|
||||
</div>
|
||||
<div class="table-dec">
|
||||
|
||||
Reference in New Issue
Block a user