コマンドライン
変更後 幅: | 高さ: | サイズ: 380 KiB |
変更後 幅: | 高さ: | サイズ: 3.3 MiB |
変更後 幅: | 高さ: | サイズ: 542 B |
変更後 幅: | 高さ: | サイズ: 563 B |
変更後 幅: | 高さ: | サイズ: 564 B |
変更後 幅: | 高さ: | サイズ: 547 B |
変更後 幅: | 高さ: | サイズ: 545 B |
変更後 幅: | 高さ: | サイズ: 536 B |
変更後 幅: | 高さ: | サイズ: 589 B |
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
変更後 幅: | 高さ: | サイズ: 794 B |
変更後 幅: | 高さ: | サイズ: 804 B |
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
変更後 幅: | 高さ: | サイズ: 536 B |
変更後 幅: | 高さ: | サイズ: 380 KiB |
変更後 幅: | 高さ: | サイズ: 3.3 MiB |
変更後 幅: | 高さ: | サイズ: 542 B |
変更後 幅: | 高さ: | サイズ: 563 B |
変更後 幅: | 高さ: | サイズ: 564 B |
変更後 幅: | 高さ: | サイズ: 547 B |
変更後 幅: | 高さ: | サイズ: 545 B |
変更後 幅: | 高さ: | サイズ: 536 B |
変更後 幅: | 高さ: | サイズ: 589 B |
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
変更後 幅: | 高さ: | サイズ: 794 B |
変更後 幅: | 高さ: | サイズ: 804 B |
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
変更後 幅: | 高さ: | サイズ: 536 B |
|
@ -11,25 +11,140 @@
|
|||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
font-family: monospace;
|
||||
font-size: large;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
body {
|
||||
background: url('/assets/img/bash/81004208_p0.jpg') no-repeat;
|
||||
background-position: center 25%;
|
||||
}
|
||||
|
||||
.konsole {
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
margin-top: 150px;
|
||||
color: #fcfcfc;
|
||||
}
|
||||
|
||||
.konsole_top_left {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background: url('/assets/img/bash/top_left.png') no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.konsole_top {
|
||||
height: 30px;
|
||||
background: url('/assets/img/bash/top_bg.png') repeat-x;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 30px;
|
||||
width: 466px;
|
||||
padding-top: 7px;
|
||||
padding-right: 30px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.konsole_top_right {
|
||||
height: 30px;
|
||||
width: 28px;
|
||||
background: url('/assets/img/bash/top_right.png') no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.konsole_top_max {
|
||||
height: 30px;
|
||||
width: 23px;
|
||||
background: url('/assets/img/bash/top_max.png') no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 28px;
|
||||
}
|
||||
|
||||
.konsole_top_min {
|
||||
height: 30px;
|
||||
width: 23px;
|
||||
background: url('/assets/img/bash/top_min.png') no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 51px;
|
||||
}
|
||||
|
||||
.konsole_left {
|
||||
width: 2px;
|
||||
background: url('/assets/img/bash/left_bg.png') repeat-y;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 0;
|
||||
height: 267px;
|
||||
}
|
||||
|
||||
.konsoleuser { background: url('/assets/img/bash/user_bg.png') repeat; }
|
||||
.konsoleroot { background: url('/assets/img/bash/root_bg.png') repeat; }
|
||||
|
||||
.konsoleuser, .konsoleroot {
|
||||
background-size: cover;
|
||||
-webkit-backdrop-filter: blur(13px);
|
||||
-moz-backdrop-filter: blur(13px);
|
||||
-o-backdrop-filter: blur(13px);
|
||||
-ms-backdrop-filter: blur(13px);
|
||||
backdrop-filter: blur(13px);
|
||||
font-family: "Lucida Console", Monospace, "DejaVu Sans Mono", "Courier New", MiscFixed;
|
||||
font-size: 12px;
|
||||
/* white-space: pre; */
|
||||
color: #fcfcfc;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 2px;
|
||||
height: 258px;
|
||||
width: 586px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.konsole_right {
|
||||
width: 2px;
|
||||
background: url('/assets/img/bash/right_bg.png') repeat-y;
|
||||
position: absolute;
|
||||
height: 267px;
|
||||
top: 30px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.konsole_bottom_left {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: url('/assets/img/bash/bottom_left.png') no-repeat;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.konsole_bottom {
|
||||
height: 2px;
|
||||
background: url('/assets/img/bash/bottom_bg.png') repeat-x;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 2px;
|
||||
width: 595px;
|
||||
}
|
||||
|
||||
.konsole_bottom_right {
|
||||
height: 3px;
|
||||
width: 3px;
|
||||
background: url('/assets/img/bash/bottom_right.png') no-repeat;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<navbar />
|
||||
@yield('content')
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
|
|
|
@ -1,5 +1,20 @@
|
|||
@extends('layouts.bash')
|
||||
|
||||
@section('content')
|
||||
<bash />
|
||||
<div class="konsole">
|
||||
<div class="konsole_top_left"></div>
|
||||
<div class="konsole_top"><div style="width: 540px; margin: auto;">ロリ端末</div></div>
|
||||
<div class="konsole_top_min"></div>
|
||||
<div class="konsole_top_max"></div>
|
||||
<div class="konsole_top_right"></div>
|
||||
<div class="konsole_left"></div>
|
||||
<div class="konsoleuser">
|
||||
ロリコマンドラインですね〜♡<br />
|
||||
shiken@technicalsuwako.jp:/$ <span style="font-stretch: condensed;">█</span>
|
||||
</div>
|
||||
<div class="konsole_right"></div>
|
||||
<div class="konsole_bottom_left"></div>
|
||||
<div class="konsole_bottom"></div>
|
||||
<div class="konsole_bottom_right"></div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|