diff --git a/prototype/button.jpg b/prototype/button.jpg new file mode 100644 index 0000000..74e5f06 Binary files /dev/null and b/prototype/button.jpg differ diff --git a/prototype/cg.jpg b/prototype/cg.jpg new file mode 100644 index 0000000..de0d210 Binary files /dev/null and b/prototype/cg.jpg differ diff --git a/prototype/entry.html b/prototype/entry.html new file mode 100644 index 0000000..0a270e1 --- /dev/null +++ b/prototype/entry.html @@ -0,0 +1,45 @@ +
+

+ Welcome to The Nginx Operation System OS + +

+
+
+

Start the HADG System

+
+ + + + +
+ + 开始按钮 +
+

Exit the HADG System

+ + + + +
+ 开始按钮 +
+
+

+ + 这是基于Nginx的高可用网关系统的开始界面,点击start按钮,开启网关服务;点击exit按钮,退出系统服务。
+
+
+ 当前系统版本号:001 +

+ +
diff --git a/prototype/exit.png b/prototype/exit.png new file mode 100644 index 0000000..71b317d Binary files /dev/null and b/prototype/exit.png differ diff --git a/prototype/mainpage.html b/prototype/mainpage.html new file mode 100644 index 0000000..d822c9e --- /dev/null +++ b/prototype/mainpage.html @@ -0,0 +1,58 @@ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ The Nginx Operation System OS + +

+
+
状态服务器名称距上一次响应时间当前服务器状态返回报文报头
+ + +北京70ms正常TCP
+ +上海1300ms受损TCP
+ +长沙70ms繁忙TCP
+
+ \ No newline at end of file diff --git a/prototype/s.css b/prototype/s.css new file mode 100644 index 0000000..bfec34f --- /dev/null +++ b/prototype/s.css @@ -0,0 +1,19 @@ +.font3 > p { + font-size: 35px; + text-shadow: 5px 5px 5px black, 0px 0px 2px black; + color: rgb(47, 7, 243); +} +body { + width: 100%; + height: 100vh; /* 重点一 */ + margin: 0 auto; + background-image: url(cg.jpg); + background-repeat: no-repeat; + background-size: cover; /* 重点二 */ + overflow: auto; +} +.font2 > p { + font-size: 20px; + text-shadow: 5px 5px 5px black, 0px 0px 2px black; + color: rgb(245, 244, 250); +} \ No newline at end of file diff --git a/prototype/style.css b/prototype/style.css new file mode 100644 index 0000000..2a9075b --- /dev/null +++ b/prototype/style.css @@ -0,0 +1,64 @@ +/* spacing */ + +table { + table-layout: fixed; + width: 100%; + border-collapse: collapse; + border: 3px solid purple; +} +table th{ + border:1px solid black; + background-color:#71c1fb; + width:100px; + height:20px; + font-size:15px; +} + +table td{ + + border:1px solid #A6C1E4; + + text-align:center; + + height:15px; + + padding-top:5px; + + font-size:12px; + +} + +thead th:nth-child(1) { + width: 30%; +} + +thead th:nth-child(2) { + width: 20%; +} + +thead th:nth-child(3) { + width: 15%; +} + +thead th:nth-child(4) { + width: 35%; +} + +th, +td { + padding: 20px; +} +.font3 > p { + font-size: 40px; + text-shadow: 5px 5px 5px black, 0px 0px 2px black; + color: rgb(54, 15, 229); +} +body { + width: 100%; + height: 100vh; /* 重点一 */ + margin: 0 auto; + background-image: url(cg.jpg); + background-repeat: no-repeat; + background-size: cover; /* 重点二 */ + overflow: auto; +} \ No newline at end of file