develop #1

Merged
vex merged 6 commits from develop into main 2024-10-13 14:09:12 +00:00
9 changed files with 57 additions and 12 deletions
Showing only changes of commit a5ff4aa7f7 - Show all commits

View File

@ -3,7 +3,7 @@ $hostname = "hostname/IP";
$username = "username";
$password = "password";
$db_name = "databaseName";
$port = "webport";
$port = "port";
$sqlArray = [];

View File

@ -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 () {

View 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;
}

View 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>

View File

@ -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>