added more code examples
This commit is contained in:
parent
0513c50b67
commit
a5ff4aa7f7
@ -3,7 +3,7 @@ $hostname = "hostname/IP";
|
||||
$username = "username";
|
||||
$password = "password";
|
||||
$db_name = "databaseName";
|
||||
$port = "webport";
|
||||
$port = "port";
|
||||
|
||||
$sqlArray = [];
|
||||
|
||||
|
||||
@ -7,6 +7,7 @@ $(document).ready(function () {
|
||||
dataType: "json", // return type of the PHP script
|
||||
success: function (data) {
|
||||
console.log("successfully called PHP file!")
|
||||
console.log(data)
|
||||
// implement logic to write json into HTML here
|
||||
},
|
||||
error: function () {
|
||||
|
||||
37
src/frontend/example/grid_layout/grid_layout.css
Normal file
37
src/frontend/example/grid_layout/grid_layout.css
Normal file
@ -0,0 +1,37 @@
|
||||
.item1 {
|
||||
grid-area: header;
|
||||
}
|
||||
|
||||
.item2 {
|
||||
grid-area: menu;
|
||||
}
|
||||
|
||||
.item3 {
|
||||
grid-area: main;
|
||||
}
|
||||
|
||||
.item4 {
|
||||
grid-area: right;
|
||||
}
|
||||
|
||||
.item5 {
|
||||
grid-area: footer;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
'header header header header header header'
|
||||
'menu main main main main right'
|
||||
'menu footer footer footer footer footer';
|
||||
gap: 10px;
|
||||
background-color: whitesmoke;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 30px;
|
||||
}
|
||||
18
src/frontend/example/grid_layout/index.html
Normal file
18
src/frontend/example/grid_layout/index.html
Normal file
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example 1</title>
|
||||
<link rel="stylesheet" href="/src/styles.css">
|
||||
<link rel="stylesheet" href="grid_layout.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<div class="item1">header</div>
|
||||
<div class="item2">menu</div>
|
||||
<div class="item3">main</div>
|
||||
<div class="item4">right</div>
|
||||
<div class="item5">footer</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,11 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example 1</title>
|
||||
<link rel="stylesheet" href="/src/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user