index.html 2.51 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <title>Matrix Vergleich</title>
</head>
<nav class="navbar navbar-dark bg-dark">
  <a class="navbar-brand" href="#">
    Matrix Calculator
  </a>
</nav>
<body>
16
17
18
19
20
21
22
<style>
.button {background-color: #4CAF50; /* Green */}
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */
</style>
23
24
25
26
27
28
29
30
31
32
33
<div class = "container">
    <div class = "row">
        <div class = "col-5">
<h3>Multiply two Matrices</h3>
<form action="/cgi-bin/calculate.cgi" method="post">
    <label for="variable1">ID for Matrix 1:</label>
    <input type="text" id="variable1" class="form-control" name="multi1" value="Json/99.json" required>
	<label for="variable2">ID for Matrix 2:</label>
    <input type="text" id="variable2" class="form-control" name="multi2" value="Json/1.json" required>
	<label for="result1">ID for Result Matrix:</label>
	<input type="text" id="result1" class="form-control" name="result1" value="Json/21.json" required>
34
    <button type="submit" class="btn button">
35
36
37
38
39
40
41
42
        Multiply matrix by ID
    </button>
</form>
</div>
<div class = "col-5">
<h3>Generate a Matrix</h3>
<form action="/cgi-bin/generate.cgi" method="post">
	<input type="text" class="form-control" name="dimension" value="1000" required>
43
	<button type="submit" class="btn button2">
44
45
46
47
48
49
50
		generate matrix
	</button>
</form>
</div>
<div class = "col-5">
<h3>Show Matrix</h3>
<form action="/cgi-bin/show.cgi" method="get">
51
	<button type="submit" class="btn button3">
52
53
54
55
56
57
58
		render matrix
	</button>
</form>
</div>
<div class = "col-5">
<h3>Delete Matrix</h3>
<form action="/cgi-bin/delete.cgi" method="get" color="red">
59
	<button type="submit" class="btn button4">
60
61
62
63
64
65
66
67
		delete matrix
	</button>
</form>
</div>
<div class = "col-5">
<h3>List all Matrices</h3>
<form action="/cgi-bin/list.cgi" method="get">
<!--    <input type="text" class="form-control" name="dimension" value="1000" required>-->
68
    <button type="submit" class="btn button5">
69
70
71
72
73
74
75
76
77
78
79
        list matrices
    </button>
</form>
</div>
</div>
</div>

<br>
<a href="localhost:80/index.html">Back to Start</a></body>
</body>
</html>