mirror of
https://github.com/syssecfsu/witty.git
synced 2024-12-24 11:42:34 +01:00
wip
This commit is contained in:
Zhi Wang
parent
c8d0a05087
commit
1af9985b86
7
assets/external/bootstrap.min.css
vendored
Normal file
7
assets/external/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
assets/external/bootstrap.min.css.map
vendored
Normal file
1
assets/external/bootstrap.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
assets/external/bootstrap.min.js
vendored
Normal file
7
assets/external/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
assets/external/bootstrap.min.js.map
vendored
Normal file
1
assets/external/bootstrap.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1,46 +1,74 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<title>Web Terminal</title>
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans&display=swap" rel="stylesheet">
|
|
||||||
|
|
||||||
<script src="/assets/external/xterm.js"></script>
|
<!-- Bootstrap core CSS -->
|
||||||
<script src="/assets/external/xterm-addon-attach.js"></script>
|
<link href="external/bootstrap.min.css" rel="stylesheet">
|
||||||
<script src="/assets/external/xterm-addon-fit.js"></script>
|
<script src=
|
||||||
<script src="/assets/external/xterm-addon-web-links.js"></script>
|
"external/bootstrap.min.js">
|
||||||
|
</script>
|
||||||
|
|
||||||
<script src="/assets/main.js"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/external/xterm.css" />
|
|
||||||
<link rel="stylesheet" href="/assets/main.css" />
|
|
||||||
|
|
||||||
<title>{{.title}}</title>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h2>{{.title}}</h2>
|
|
||||||
<div id="terminal">
|
|
||||||
<div id="terminal_view"></div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
term = createTerminal("{{.path}}");
|
|
||||||
// print something to test output and scroll
|
|
||||||
var str = [
|
|
||||||
' ┌────────────────────────────────────────────────────────────────────────────┐',
|
|
||||||
' │ \x1b[32mXterm.js\x1b[0m is the frontend component that powers many terminals including, │',
|
|
||||||
' │ \x1b[3mVS Code\x1b[0m, \x1b[3mHyper\x1b[0m and \x1b[3mTheia\x1b[0m! │',
|
|
||||||
' │ │',
|
|
||||||
' │ \x1b[34mhttps://xtermjs.org\x1b[0m (<-try to click it!) │',
|
|
||||||
' └────────────────────────────────────────────────────────────────────────────┘',
|
|
||||||
''
|
|
||||||
].join('\n\r');
|
|
||||||
|
|
||||||
term.writeln(str);
|
<header style="margin-bottom: 3em;">
|
||||||
</script>
|
<nav class="navbar navbar-light bg-light">
|
||||||
|
<div class="container-fluid justify-content-center ">
|
||||||
|
<span class="navbar-brand clearfix ">
|
||||||
|
<img src="logo.svg" alt="" width="48" height="36" class="d-inline-block align-text-top" />
|
||||||
|
<strong>        Web Terminal</strong>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<h1 style="text-align:center;color:green;">
|
||||||
|
GeeksforGeeks
|
||||||
|
</h1>
|
||||||
|
<form>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="">Enter Your Name:</label>
|
||||||
|
<input class="form-control"
|
||||||
|
type="text"
|
||||||
|
placeholder="Input Your Name Here">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<button class="btn btn-success btn-lg float-right"
|
||||||
|
type="submit">
|
||||||
|
Submit
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="card" style="width: 18rem;">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Card title</h5>
|
||||||
|
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
|
||||||
|
content.</p>
|
||||||
|
<a href="#" class="card-link">Card link</a>
|
||||||
|
<a href="#" class="card-link">Another link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
350
assets/logo.svg
Executable file
350
assets/logo.svg
Executable file
@ -0,0 +1,350 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
width="48"
|
||||||
|
height="36"
|
||||||
|
viewBox="0 0 48 36"
|
||||||
|
fill="none"
|
||||||
|
version="1.1"
|
||||||
|
id="svg136"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<path
|
||||||
|
d="M 0,7 H 16 V 0 H 2 C 0.9,0 0,0.9 0,2 Z"
|
||||||
|
fill="#cccccc"
|
||||||
|
id="path2" />
|
||||||
|
<path
|
||||||
|
d="M 32,0 H 16 v 7 h 16 z"
|
||||||
|
fill="#999999"
|
||||||
|
id="path4" />
|
||||||
|
<path
|
||||||
|
d="M 48,7 H 32 V 0 h 14 c 1.1,0 2,0.9 2,2 z"
|
||||||
|
fill="#666666"
|
||||||
|
id="path6" />
|
||||||
|
<path
|
||||||
|
d="M 46,36 H 2 C 0.9,36 0,35.1 0,34 V 6 h 48 v 28 c 0,1.1 -0.9,2 -2,2 z"
|
||||||
|
fill="url(#paint0_linear)"
|
||||||
|
id="path8"
|
||||||
|
style="fill:url(#paint0_linear)" />
|
||||||
|
<g
|
||||||
|
filter="url(#filter0_dd)"
|
||||||
|
id="g23"
|
||||||
|
transform="translate(0,-6)">
|
||||||
|
<path
|
||||||
|
d="m 15.2,24.3 -8.80001,8.8 c -0.5,0.5 -0.5,1.2 0,1.6 l 1.8,1.8 C 8.69999,37 9.4,37 9.8,36.5 l 8.8,-8.8 c 0.5,-0.5 0.5,-1.2 0,-1.6 l -1.8,-1.8 c -0.4,-0.4 -1.2,-0.4 -1.6,0 z"
|
||||||
|
fill="url(#paint1_linear)"
|
||||||
|
id="path10"
|
||||||
|
style="fill:url(#paint1_linear)" />
|
||||||
|
<mask
|
||||||
|
id="mask0"
|
||||||
|
mask-type="alpha"
|
||||||
|
maskUnits="userSpaceOnUse"
|
||||||
|
x="6"
|
||||||
|
y="24"
|
||||||
|
width="13"
|
||||||
|
height="13">
|
||||||
|
<path
|
||||||
|
d="m 15.2,24.3 -8.80001,8.8 c -0.5,0.5 -0.5,1.2 0,1.6 l 1.8,1.8 C 8.69999,37 9.4,37 9.8,36.5 l 8.8,-8.8 c 0.5,-0.5 0.5,-1.2 0,-1.6 l -1.8,-1.8 c -0.4,-0.4 -1.2,-0.4 -1.6,0 z"
|
||||||
|
fill="url(#paint2_linear)"
|
||||||
|
id="path12" />
|
||||||
|
</mask>
|
||||||
|
<g
|
||||||
|
mask="url(#mask0)"
|
||||||
|
id="g19">
|
||||||
|
<g
|
||||||
|
filter="url(#filter1_dd)"
|
||||||
|
id="g17">
|
||||||
|
<path
|
||||||
|
d="m 9.8,17.3 8.8,8.8 c 0.5,0.5 0.5,1.2 0,1.6 l -1.8,1.8 c -0.5,0.5 -1.2,0.5 -1.6,0 L 6.39999,20.7 c -0.5,-0.5 -0.5,-1.2 0,-1.6 l 1.8,-1.8 C 8.59999,16.9 9.4,16.9 9.8,17.3 Z"
|
||||||
|
fill="url(#paint3_linear)"
|
||||||
|
id="path15"
|
||||||
|
style="fill:url(#paint3_linear)" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="m 9.8,17.3 8.8,8.8 c 0.5,0.5 0.5,1.2 0,1.6 l -1.8,1.8 c -0.5,0.5 -1.2,0.5 -1.6,0 L 6.39999,20.7 c -0.5,-0.5 -0.5,-1.2 0,-1.6 l 1.8,-1.8 C 8.59999,16.9 9.4,16.9 9.8,17.3 Z"
|
||||||
|
fill="url(#paint4_linear)"
|
||||||
|
id="path21"
|
||||||
|
style="fill:url(#paint4_linear)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
filter="url(#filter2_dd)"
|
||||||
|
id="g27"
|
||||||
|
transform="translate(0,-6)">
|
||||||
|
<path
|
||||||
|
d="M 40,32 H 24 c -0.6,0 -1,0.4 -1,1 v 3 c 0,0.6 0.4,1 1,1 h 16 c 0.6,0 1,-0.4 1,-1 v -3 c 0,-0.6 -0.4,-1 -1,-1 z"
|
||||||
|
fill="url(#paint5_linear)"
|
||||||
|
id="path25"
|
||||||
|
style="fill:url(#paint5_linear)" />
|
||||||
|
</g>
|
||||||
|
<defs
|
||||||
|
id="defs134">
|
||||||
|
<filter
|
||||||
|
id="filter0_dd"
|
||||||
|
x="3.0249901"
|
||||||
|
y="15"
|
||||||
|
width="18.950001"
|
||||||
|
height="25.875"
|
||||||
|
filterUnits="userSpaceOnUse"
|
||||||
|
color-interpolation-filters="sRGB">
|
||||||
|
<feFlood
|
||||||
|
flood-opacity="0"
|
||||||
|
result="BackgroundImageFix"
|
||||||
|
id="feFlood29" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix31" />
|
||||||
|
<feOffset
|
||||||
|
dy="0.5"
|
||||||
|
id="feOffset33" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="0.5"
|
||||||
|
id="feGaussianBlur35" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
||||||
|
id="feColorMatrix37" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="BackgroundImageFix"
|
||||||
|
result="effect1_dropShadow"
|
||||||
|
id="feBlend39" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix41" />
|
||||||
|
<feOffset
|
||||||
|
dy="1"
|
||||||
|
id="feOffset43" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="1.5"
|
||||||
|
id="feGaussianBlur45" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
|
||||||
|
id="feColorMatrix47" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="effect1_dropShadow"
|
||||||
|
result="effect2_dropShadow"
|
||||||
|
id="feBlend49" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in="SourceGraphic"
|
||||||
|
in2="effect2_dropShadow"
|
||||||
|
result="shape"
|
||||||
|
id="feBlend51" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
id="filter1_dd"
|
||||||
|
x="3.0249901"
|
||||||
|
y="15"
|
||||||
|
width="18.950001"
|
||||||
|
height="18.875"
|
||||||
|
filterUnits="userSpaceOnUse"
|
||||||
|
color-interpolation-filters="sRGB">
|
||||||
|
<feFlood
|
||||||
|
flood-opacity="0"
|
||||||
|
result="BackgroundImageFix"
|
||||||
|
id="feFlood54" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix56" />
|
||||||
|
<feOffset
|
||||||
|
dy="0.5"
|
||||||
|
id="feOffset58" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="0.5"
|
||||||
|
id="feGaussianBlur60" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
||||||
|
id="feColorMatrix62" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="BackgroundImageFix"
|
||||||
|
result="effect1_dropShadow"
|
||||||
|
id="feBlend64" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix66" />
|
||||||
|
<feOffset
|
||||||
|
dy="1"
|
||||||
|
id="feOffset68" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="1.5"
|
||||||
|
id="feGaussianBlur70" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
|
||||||
|
id="feColorMatrix72" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="effect1_dropShadow"
|
||||||
|
result="effect2_dropShadow"
|
||||||
|
id="feBlend74" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in="SourceGraphic"
|
||||||
|
in2="effect2_dropShadow"
|
||||||
|
result="shape"
|
||||||
|
id="feBlend76" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
id="filter2_dd"
|
||||||
|
x="20"
|
||||||
|
y="30"
|
||||||
|
width="24"
|
||||||
|
height="11"
|
||||||
|
filterUnits="userSpaceOnUse"
|
||||||
|
color-interpolation-filters="sRGB">
|
||||||
|
<feFlood
|
||||||
|
flood-opacity="0"
|
||||||
|
result="BackgroundImageFix"
|
||||||
|
id="feFlood79" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix81" />
|
||||||
|
<feOffset
|
||||||
|
dy="0.5"
|
||||||
|
id="feOffset83" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="0.5"
|
||||||
|
id="feGaussianBlur85" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
||||||
|
id="feColorMatrix87" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="BackgroundImageFix"
|
||||||
|
result="effect1_dropShadow"
|
||||||
|
id="feBlend89" />
|
||||||
|
<feColorMatrix
|
||||||
|
in="SourceAlpha"
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||||
|
id="feColorMatrix91" />
|
||||||
|
<feOffset
|
||||||
|
dy="1"
|
||||||
|
id="feOffset93" />
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="1.5"
|
||||||
|
id="feGaussianBlur95" />
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
|
||||||
|
id="feColorMatrix97" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in2="effect1_dropShadow"
|
||||||
|
result="effect2_dropShadow"
|
||||||
|
id="feBlend99" />
|
||||||
|
<feBlend
|
||||||
|
mode="normal"
|
||||||
|
in="SourceGraphic"
|
||||||
|
in2="effect2_dropShadow"
|
||||||
|
result="shape"
|
||||||
|
id="feBlend101" />
|
||||||
|
</filter>
|
||||||
|
<linearGradient
|
||||||
|
id="paint0_linear"
|
||||||
|
x1="36.446201"
|
||||||
|
y1="47.825699"
|
||||||
|
x2="11.8217"
|
||||||
|
y2="5.1747999"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(0,-6)">
|
||||||
|
<stop
|
||||||
|
stop-color="#333333"
|
||||||
|
id="stop104" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#4D4D4D"
|
||||||
|
id="stop106" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint1_linear"
|
||||||
|
x1="14.5276"
|
||||||
|
y1="33.995899"
|
||||||
|
x2="10.4841"
|
||||||
|
y2="26.992399"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop
|
||||||
|
stop-color="#999999"
|
||||||
|
id="stop109" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#B3B3B3"
|
||||||
|
id="stop111" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint2_linear"
|
||||||
|
x1="14.5276"
|
||||||
|
y1="33.995899"
|
||||||
|
x2="10.4841"
|
||||||
|
y2="26.992399"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop
|
||||||
|
stop-color="#999999"
|
||||||
|
id="stop114" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#B3B3B3"
|
||||||
|
id="stop116" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint3_linear"
|
||||||
|
x1="16.2747"
|
||||||
|
y1="30.0336"
|
||||||
|
x2="8.73699"
|
||||||
|
y2="16.9781"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop
|
||||||
|
stop-color="#CCCCCC"
|
||||||
|
id="stop119" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#E6E6E6"
|
||||||
|
id="stop121" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint4_linear"
|
||||||
|
x1="16.2747"
|
||||||
|
y1="30.0336"
|
||||||
|
x2="8.73699"
|
||||||
|
y2="16.9781"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop
|
||||||
|
stop-color="#CCCCCC"
|
||||||
|
id="stop124" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#E6E6E6"
|
||||||
|
id="stop126" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint5_linear"
|
||||||
|
x1="35.149601"
|
||||||
|
y1="39.955299"
|
||||||
|
x2="28.850401"
|
||||||
|
y2="29.044701"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop
|
||||||
|
stop-color="#CCCCCC"
|
||||||
|
id="stop129" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#E6E6E6"
|
||||||
|
id="stop131" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.3 KiB |
46
assets/term.html
Normal file
46
assets/term.html
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="/assets/external/xterm.js"></script>
|
||||||
|
<script src="/assets/external/xterm-addon-attach.js"></script>
|
||||||
|
<script src="/assets/external/xterm-addon-fit.js"></script>
|
||||||
|
<script src="/assets/external/xterm-addon-web-links.js"></script>
|
||||||
|
|
||||||
|
<script src="/assets/main.js"></script>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/assets/external/xterm.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/main.css" />
|
||||||
|
|
||||||
|
<title>{{.title}}</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h2>{{.title}}</h2>
|
||||||
|
<div id="terminal">
|
||||||
|
<div id="terminal_view"></div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
term = createTerminal("{{.path}}");
|
||||||
|
// print something to test output and scroll
|
||||||
|
var str = [
|
||||||
|
' ┌────────────────────────────────────────────────────────────────────────────┐',
|
||||||
|
' │ \x1b[32mXterm.js\x1b[0m is the frontend component that powers many terminals including, │',
|
||||||
|
' │ \x1b[3mVS Code\x1b[0m, \x1b[3mHyper\x1b[0m and \x1b[3mTheia\x1b[0m! │',
|
||||||
|
' │ │',
|
||||||
|
' │ \x1b[34mhttps://xtermjs.org\x1b[0m (<-try to click it!) │',
|
||||||
|
' └────────────────────────────────────────────────────────────────────────────┘',
|
||||||
|
''
|
||||||
|
].join('\n\r');
|
||||||
|
|
||||||
|
term.writeln(str);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user