ジャパリパーク保安調査隊32班のコンピュータ - 版の履歴

2020年12月6日 (日) 17:15にTaiによる

2020-12-06T17:15:22Z

差分を表示

2020年12月6日 (日) 16:21にTaiによる

2020-12-06T16:21:06Z

2020年12月6日 (日) 16:14にTaiによる

2020-12-06T16:14:33Z

2020年12月6日 (日) 16:08にTaiによる

2020-12-06T16:08:03Z

2020年12月6日 (日) 16:07にTaiによる

2020-12-06T16:07:19Z

2020年12月6日 (日) 15:39にTaiによる

2020-12-06T15:39:41Z

2020年12月6日 (日) 15:37にTaiによる

2020-12-06T15:37:45Z

2020年12月6日 (日) 15:37にTaiによる

2020-12-06T15:37:23Z

2020年12月6日 (日) 15:35にTaiによる

2020-12-06T15:35:41Z

Tai: 作りかけ

2020-12-06T15:34:55Z

作りかけ

新規ページ

<html lang ="ja">
<head>
<style type ="text/css">
/*この中にCSSを記述*/
/*横幅~559px*/
@media screen and (max-width: 559px) {
p#startup-message {
font-size: 0vw;
}
p#startup-message:before {
font-size: 1vw;
content: '[システムメッセージ] 個人用携帯端末からのアクセスは許可されていません。\A発覚した場合、処罰の対象となります。\AJPSRT Network System **/**/**** **:**:*';
white-space: pre;
}
}
/*横幅560px~*/
@media screen and (min-width: 559px) {
p#startup-message {
font-size: 1vw;
}
}

div#flameTerminal {
width: 90%;
height: 95%;
margin: 0px;
padding: 1vw;
background-color: #3a3a3a;
}
div#bodyTerminal {
width: 99%;
height: 98%;
padding: 0.5vw;
border-radius: 18vw 18vw 18vw 18vw / 2vw 2vw 2vw 2vw;
background-color: #0a0a0a;
}
div#bodyTerminal p {
font-size: 1vw;
color: #12df12;
}
text {
font-size: 1vw;
fill: #12df12;
}
rect.hyder {
x: 0;
y: 0;
width: 100%;
height: 100%;
fill: #0a0a0a;
}
</style>
</head>
<body>
<div id ="flameTerminal"> 
<div id ="bodyTerminal">
<p id ="startup-message">ジャパリパーク保安調査隊へようこそ：JPSRT32。 JPSRT Network System **/**/**** **:**:**</p>
<svg id ="cambus" style ="width: 100%; height: 90%;" viewBox ="0 0 100vw 100vw">
<text y= "1vw" id ="button1">
[2059/09/24]
</text>
<text y= "2vw" id ="button2">
[2059/09/25]
</text>
<text y= "3vw" id ="button3">
[2059/09/28]
</text>
<rect class ="hyder">
<animate attributeName="height" attributeType="XML" begin="buttonLogin.click" to="0" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never" id="clickLogin"/>
</rect>
<text y= "1vw" id ="buttonLogin">
<animate attributeName="fill" attributeType="XML" begin="buttonLogin.click" to="#0a0a0a" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never" id="clickLogin"/>
<animate attributeName="y" attributeType="XML" begin="buttonLogin.click" to="200vw" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never" id="clickLogin"/>
[Log in]
</text>
</svg>
</div>
</div>
</body>
</html>

@@ 14行目: / 14行目: @@
+			}
 			text {
-				font-size: 2vw;
+				font-size: 1vw;
 				fill: #12df12;
+			}
@@ 90行目: / 90行目: @@
 						 <animate attributeName="y" attributeType="XML" begin="entry1.click" to="200vw" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never"/>
 						 <animate attributeName="y" attributeType="XML" begin="return.click" to="1vw" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never"/>
-						[2**9/09/24]
+						[2**9/09/25]
 					</text>

@@ 31行目: / 31行目: @@
 		div#flameTerminal {
 			width: 90%;
-			height: 95%;
+			height: 720px;
 			margin: 0px;
 			padding: 1vw;

@@ 12行目: / 12行目: @@
 				content: '[システムメッセージ] 個人用携帯端末からのアクセスは許可されていません。\A発覚した場合、処罰の対象となります。\AJPSRT Network System **/**/**** **:**:*';
 				white-space: pre;
+			}
+		}
@@ 18行目: / 22行目: @@
 			p#startup-message {
 				font-size: 1vw;
+			}
+		}
@@ 23行目: / 31行目: @@
 		div#flameTerminal {
 			width: 90%;
-			height: 720px;
+			height: 95%;
 			margin: 0px;
 			padding: 1vw;
@@ 39行目: / 47行目: @@
 			color: #12df12;
+		}
-		text {
+		div#bottomMenu {
-			font-size: 1vw;
+			text-align: center;
+		}
 		rect.hyder {
@@ 57行目: / 64行目: @@
 				<p id ="startup-message">ジャパリパーク保安調査隊へようこそ：JPSRT32。 JPSRT Network System **/**/**** **:**:**</p>
 				<svg id ="cambus" style ="width: 100%; height: 90%;" viewBox ="0 0 100vw 100vw">
-					<text y= "1vw" id ="button1">
+					<!--エントリ内容-->
-						[2059/09/24]
+					<text y ="200vw" id ="content1-1">
 					</text>
-					<text y= "2vw" id ="button2">
+					<text y ="200vw" id ="content1-3">
-						[2059/09/25]
+						 <animate attributeName="y" attributeType="XML" begin="entry1.click" to="4vw" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never"/>
 					</text>
-					<text y= "3vw" id ="button3">
-						[2059/09/28]
+					<!--エントリ一覧-->
 					</text>
 					<rect class ="hyder">
-						 <animate attributeName="height" attributeType="XML" begin="buttonLogin.click" to="0" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never" id="clickLogin"/>
+						 <animate attributeName="height" attributeType="XML" begin="buttonLogin.click" to="0" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never"/>
 					</rect>
-					<text y= "1vw" id ="buttonLogin">
+					<text y ="1vw" id ="buttonLogin">
-						 <animate attributeName="fill" attributeType="XML" begin="buttonLogin.click" to="#0a0a0a" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never" id="clickLogin"/>
+						 <animate attributeName="y" attributeType="XML" begin="buttonLogin.click" to="200vw" calcMode="discrete" dur="1ms" fill="freeze" repeatCount="never"/>
 						 	[Log in]
 					</text>
 				</svg>
 			</div>
 		</div>
 	</body>
 </html>