2
2
<div >
3
3
<!-- The animated Scapy logo box -->
4
4
<v-container >
5
- <v-row align =" center" justify =" center" >
6
- <v-col cols =" auto" class =" pl-0 " >
5
+ <v-row align =" center" justify =" center" aria-hidden = " true " >
6
+ <v-col cols =" auto" class =" pa-0 pr-2 " >
7
7
<ScapyS />
8
8
</v-col >
9
- <v-col cols =" 6" class =" px-0" >
9
+ <v-col cols =" 6" lg = " 4 " class =" px-0" >
10
10
<v-fade-transition >
11
- <v-card v-show =" animationOk" >
12
- <v-card-text class =" scapy-main-box fill-height px-0 text-blue-lighten-2" >
13
- <template v-if =" ! smAndDown " >
14
- | <br />
15
- </template >
16
- | Welcome to Scapy<br />
17
- | Version {{ version }}<br />
11
+ <div v-show =" animationOk" color =" transparent" class =" scapy-main-box fill-height px-0 text-blue-lighten-2" >
12
+ <template v-if =" ! smAndDown " >
18
13
| <br />
19
- | <span class =' text-secondary' ><a href =" https://github.com/secdev/scapy" ><span
20
- class =" hidden-xs" >https://github.com/</span >secdev/scapy</a >
21
- </span ><br />
14
+ </template >
15
+ | Welcome to Scapy<br />
16
+ | Version {{ version }}<br />
17
+ | <br />
18
+ | <span class =' text-secondary' ><a href =" https://github.com/secdev/scapy" ><span
19
+ class =" hidden-xs" >https://github.com/</span >secdev/scapy</a >
20
+ </span ><br />
21
+ | <br />
22
+ | Have fun!<br />
23
+ <template v-if =" ! smAndDown " >
22
24
| <br />
23
- | Have fun!<br />
24
- <template v-if =" ! smAndDown " >
25
- | <br />
26
- | {{ quote[0] }}<br />
27
- | {{ quote[1] }}<br />
28
- | {{ quote[2] }}<br />
29
- | <br />
30
- </template >
31
- </v-card-text >
32
- </v-card >
25
+ | {{ quote[0] }}<br />
26
+ | {{ quote[1] }}<br />
27
+ | {{ quote[2] }}<br />
28
+ | <br />
29
+ </template >
30
+ </div >
33
31
</v-fade-transition >
34
32
</v-col >
35
33
</v-row >
77
75
</v-col >
78
76
<!-- Shell demo -->
79
77
<v-col cols =" 12" lg =" 5" class =" d-flex flex-column" >
80
- <v-card variant =" tonal" title =" Shell demo" class =" flex-grow-1 flex-shrink-1" >
81
- <v-card-text class =" text-body-2" >
82
- <pre style =" white-space : pre-wrap ;" v-html =" DEMO_CODE" ></pre >
83
- </v-card-text >
84
- </v-card >
78
+ <ScapyTerminal :content =" DEMO_CODE" ></ScapyTerminal >
85
79
</v-col >
86
80
<!-- Documentation -->
87
81
<v-col cols =" 12" lg =" 8" >
195
189
</a >
196
190
</p >
197
191
<v-card color =" transparent" >
198
- <v-tabs v-model =" dllTab" bg-color =" primary" density =" compact" slider-color =" #314C46" >
192
+ <v-tabs show-arrows v-model =" dllTab" bg-color =" primary" density =" compact" slider-color =" #314C46" >
199
193
<v-tab value =" pypi" >PyPI</v-tab >
194
+ <v-tab value =" windows" >Windows</v-tab >
200
195
<v-tab value =" github" >Github</v-tab >
201
196
<v-tab value =" conda" >Conda</v-tab >
202
197
<v-tab value =" debian" >Debian/Ubuntu</v-tab >
203
- <v-tab value =" windows" >Windows</v-tab >
204
198
<v-tab value =" other" >More</v-tab >
205
199
</v-tabs >
206
200
<v-card-text >
254
248
<script lang="ts" setup>
255
249
import ScapyS from ' @/components/ScapyS.vue'
256
250
import SponsorCard from ' @/components/SponsorCard.vue'
251
+ import ScapyTerminal from ' @/components/ScapyTerminal.vue'
257
252
258
253
import { useDisplay } from ' vuetify' ;
259
- import { inject , computed , onMounted , ref } from ' vue' ;
254
+ import { inject , computed , onMounted , ref , watchEffect } from ' vue' ;
260
255
import type { Ref } from ' vue'
261
256
262
257
const version = ' 2.5.0' ;
@@ -276,6 +271,17 @@ onMounted(() => {
276
271
}
277
272
});
278
273
274
+ /* Size of quote text */
275
+ const fontSize = ref (' 1em' );
276
+ watchEffect (() => {
277
+ /* Select font size based on display size */
278
+ if (smAndDown .value ) {
279
+ fontSize .value = ' 0.8em' ;
280
+ } else {
281
+ fontSize .value = ' 1em' ;
282
+ }
283
+ });
284
+
279
285
/* Quotes database: web-oriented, unlike the ones in actual Scapy */
280
286
const AVAILABLE_QUOTES = [
281
287
[" Craft packets like it is your last day on earth." , " Lao-Tze" ],
@@ -320,6 +326,7 @@ const BASE_URL = import.meta.env.BASE_URL;
320
326
.scapy-main-box {
321
327
/* Monospace font */
322
328
font-family : Courier New, Courier , Lucida Sans Typewriter, Lucida Typewriter, monospace ;
329
+ font-size : v-bind(fontSize);
323
330
white-space : pre ;
324
331
}
325
332
0 commit comments