コマンドライン
変更後 幅: | 高さ: | サイズ: 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>
|
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
#app {
|
body {
|
||||||
font-family: monospace;
|
background: url('/assets/img/bash/81004208_p0.jpg') no-repeat;
|
||||||
font-size: large;
|
background-position: center 25%;
|
||||||
-webkit-font-smoothing: antialiased;
|
}
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
text-align: left;
|
.konsole {
|
||||||
margin-top: 20px;
|
width: 600px;
|
||||||
margin-left: 20px;
|
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>
|
</style>
|
||||||
|
|
||||||
<!-- Styles -->
|
|
||||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app">
|
|
||||||
<navbar />
|
|
||||||
@yield('content')
|
@yield('content')
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
<script src="{{ asset('js/app.js') }}"></script>
|
<script src="{{ asset('js/app.js') }}"></script>
|
||||||
|
|
|
@ -1,5 +1,20 @@
|
||||||
@extends('layouts.bash')
|
@extends('layouts.bash')
|
||||||
|
|
||||||
@section('content')
|
@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
|
@endsection
|
||||||
|
|