- added dino sprites
- updates html background -update instructions.txt
| @ -14,7 +14,7 @@ const io = new Server(server, { | |||||||
| var Filter = require('bad-words') | var Filter = require('bad-words') | ||||||
| filter = new Filter(); | filter = new Filter(); | ||||||
| 
 | 
 | ||||||
| app.use(requireHTTPS); // Set 'SET NODE_ENV=development' in local computer before use
 | // app.use(requireHTTPS); // Set 'SET NODE_ENV=development' in local computer before use
 | ||||||
| 
 | 
 | ||||||
| function requireHTTPS(req, res, next) { | function requireHTTPS(req, res, next) { | ||||||
|     // The 'x-forwarded-proto' check is for Heroku
 |     // The 'x-forwarded-proto' check is for Heroku
 | ||||||
| @ -43,6 +43,7 @@ io.on('connection', (socket)=>{ | |||||||
|         y:136, |         y:136, | ||||||
|         clickX:615, |         clickX:615, | ||||||
|         clickY:136, |         clickY:136, | ||||||
|  |         roomId:1, | ||||||
|         message:'', |         message:'', | ||||||
|         username:"Visitor", |         username:"Visitor", | ||||||
|         timeoutId:0 |         timeoutId:0 | ||||||
|  | |||||||
| Before Width: | Height: | Size: 119 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/characterSprites/Green/Down.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/characterSprites/Green/Left.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/characterSprites/Green/Right.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/characterSprites/Green/Up.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.7 KiB | 
| @ -61,7 +61,7 @@ class Player extends Sprite { | |||||||
|         ctx.beginPath(); |         ctx.beginPath(); | ||||||
|         ctx.textAlign = "center"; |         ctx.textAlign = "center"; | ||||||
|         ctx.font = 'bold 18px win98'; |         ctx.font = 'bold 18px win98'; | ||||||
|         ctx.fillStyle = 'cyan'; |         ctx.fillStyle = 'white'; | ||||||
|         ctx.fillText(this.username, this.position.x, this.position.y+15); |         ctx.fillText(this.username, this.position.x, this.position.y+15); | ||||||
|         ctx.font = 'normal 15px sans-serif'; |         ctx.font = 'normal 15px sans-serif'; | ||||||
|          |          | ||||||
|  | |||||||
| @ -14,7 +14,7 @@ class Sprite{ | |||||||
|         this.frames = frames |         this.frames = frames | ||||||
|         this.currentFrame = 0 |         this.currentFrame = 0 | ||||||
|         this.elapsedFrames = 0 |         this.elapsedFrames = 0 | ||||||
|         this.frameBuffer = 10 |         this.frameBuffer = 7 | ||||||
|         this.sprites = sprites |         this.sprites = sprites | ||||||
|         this.Up = new Image() |         this.Up = new Image() | ||||||
|         this.Down = new Image() |         this.Down = new Image() | ||||||
| @ -66,12 +66,14 @@ class Sprite{ | |||||||
|     updateFrames(){ |     updateFrames(){ | ||||||
|         this.elapsedFrames++ |         this.elapsedFrames++ | ||||||
|         // this.currentFrame++
 |         // this.currentFrame++
 | ||||||
|         if(this.elapsedFrames % this.frameBuffer === 0){ |         // console.log(this.currentFrame);
 | ||||||
|  |         if((this.elapsedFrames % this.frameBuffer === 0) && this.frames>1){ | ||||||
|  | 
 | ||||||
|         if(this.currentFrame < this.frames-1){ |         if(this.currentFrame < this.frames-1){ | ||||||
|             this.currentFrame++ |             this.currentFrame++ | ||||||
|         } |         } | ||||||
|         else{ |         else{ | ||||||
|             this.currentFrame=0 |             this.currentFrame=1 | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
|     } |     } | ||||||
|  | |||||||
							
								
								
									
										
											BIN
										
									
								
								public/css/CONSOLA.TTF
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										
											BIN
										
									
								
								public/css/FreePixel.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										
											BIN
										
									
								
								public/css/IBMega.woff
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										
											BIN
										
									
								
								public/css/IBMvga.woff
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										
											BIN
										
									
								
								public/css/WinReg.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										819
									
								
								public/css/big.flf
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,819 @@ | |||||||
|  | flf2a$ 8 6 20 15 2 | ||||||
|  | Big by Glenn Chappell 4/93 -- based on Standard | ||||||
|  | Figlet release 2.0 -- August 5, 1993 | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@ | ||||||
|  | $@@ | ||||||
|  |  _ @ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | |_|@ | ||||||
|  | (_)@ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |  _ _ @ | ||||||
|  | ( | )@ | ||||||
|  |  V V @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |      (   ) )  @ | ||||||
|  |       ) ( (   @ | ||||||
|  |     _______)_ @ | ||||||
|  |  .-'---------|@ | ||||||
|  | ( C|/\/\/\/\/|@ | ||||||
|  |  '-./\/\/\/\/|@ | ||||||
|  |    '_________'@ | ||||||
|  |               @@ | ||||||
|  |      __/ \  @ | ||||||
|  |  ___/   __\ @ | ||||||
|  | |\   __/\\ |@ | ||||||
|  | \ \_/\\  H_/@ | ||||||
|  |  \ |  H_/Y  @ | ||||||
|  |   \|_/Y  !  @ | ||||||
|  |       !     @ | ||||||
|  |             @@ | ||||||
|  |         /|\                       @ | ||||||
|  |        / | \     |"""""""""""--__ @ | ||||||
|  |       | ( ) |    |____________--""@ | ||||||
|  |       | .-. |          | |        @ | ||||||
|  |       ]( 0 )[          | |        @ | ||||||
|  |       / `-' \          | |        @ | ||||||
|  |      / /' `\ \         | |        @ | ||||||
|  |                                  @@ | ||||||
|  |         @ | ||||||
|  |   ___   @ | ||||||
|  |  ( _ )  @ | ||||||
|  |  / _ \/\@ | ||||||
|  | | (_>  <@ | ||||||
|  |  \___/\/@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _ @ | ||||||
|  | ( )@ | ||||||
|  | |/ @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |  (\                      @ | ||||||
|  |  \'\      __________     @ | ||||||
|  |  / '|    ()_________)    @ | ||||||
|  |  \ '/     \ ~~~~~~~~ \   @ | ||||||
|  |    \       \ ~~~~~~   \  @ | ||||||
|  |    ==).     \__________\ @ | ||||||
|  |   (__)      ()__________)@ | ||||||
|  |                          @@ | ||||||
|  |  _______________     @ | ||||||
|  | |,----------.  |\    @ | ||||||
|  | ||           |=| |   @ | ||||||
|  | ||          || | |   @ | ||||||
|  | ||       . _o| | | __@ | ||||||
|  | |`-----------' |/ /~/@ | ||||||
|  |  ~~~~~~~~~~~~~~~ / / @ | ||||||
|  |                     @@ | ||||||
|  |  _______________________ @ | ||||||
|  | |   / _ \| _ \ __| \| | |@ | ||||||
|  | |  | (_) |  _/ _|| .` | |@ | ||||||
|  | |   \___/|_| |___|_|\_| |@ | ||||||
|  | |   |_  | | | / |_  |   |@ | ||||||
|  | |   |  _|_  |/ /  | |   |@ | ||||||
|  | |   |___| |_|_/   |_|   |@ | ||||||
|  |                          @@ | ||||||
|  |        @ | ||||||
|  |    _   @ | ||||||
|  |  _| |_ @ | ||||||
|  | |_   _|@ | ||||||
|  |   |_|  @ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | ( )@ | ||||||
|  | |/ @ | ||||||
|  |    @@ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |  ______ @ | ||||||
|  | |______|@ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | (_)@ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |      __@ | ||||||
|  |     / /@ | ||||||
|  |    / / @ | ||||||
|  |   / /  @ | ||||||
|  |  / /   @ | ||||||
|  | /_/    @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | | | |@ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  __ @ | ||||||
|  | /_ |@ | ||||||
|  |  | |@ | ||||||
|  |  | |@ | ||||||
|  |  | |@ | ||||||
|  |  |_|@ | ||||||
|  |     @ | ||||||
|  |     @@ | ||||||
|  |  ___  @ | ||||||
|  | |__ \ @ | ||||||
|  |    ) |@ | ||||||
|  |   / / @ | ||||||
|  |  / /_ @ | ||||||
|  | |____|@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |  ____  @ | ||||||
|  | |___ \ @ | ||||||
|  |   __) |@ | ||||||
|  |  |__ < @ | ||||||
|  |  ___) |@ | ||||||
|  | |____/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _  _   @ | ||||||
|  | | || |  @ | ||||||
|  | | || |_ @ | ||||||
|  | |__   _|@ | ||||||
|  |    | |  @ | ||||||
|  |    |_|  @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _____ @ | ||||||
|  | | ____|@ | ||||||
|  | | |__  @ | ||||||
|  | |___ \ @ | ||||||
|  |  ___) |@ | ||||||
|  | |____/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |    __  @ | ||||||
|  |   / /  @ | ||||||
|  |  / /_  @ | ||||||
|  | | '_ \ @ | ||||||
|  | | (_) |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  ______ @ | ||||||
|  | |____  |@ | ||||||
|  |     / / @ | ||||||
|  |    / /  @ | ||||||
|  |   / /   @ | ||||||
|  |  /_/    @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | (_) |@ | ||||||
|  |  > _ < @ | ||||||
|  | | (_) |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | (_) |@ | ||||||
|  |  \__, |@ | ||||||
|  |    / / @ | ||||||
|  |   /_/  @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | (_)@ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | (_)@ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | (_)@ | ||||||
|  |    @ | ||||||
|  |  _ @ | ||||||
|  | ( )@ | ||||||
|  | |/ @ | ||||||
|  |    @@ | ||||||
|  |    __@ | ||||||
|  |   / /@ | ||||||
|  |  / / @ | ||||||
|  | < <  @ | ||||||
|  |  \ \ @ | ||||||
|  |   \_\@ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |         @ | ||||||
|  |  ______ @ | ||||||
|  | |______|@ | ||||||
|  |  ______ @ | ||||||
|  | |______|@ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  | __   @ | ||||||
|  | \ \  @ | ||||||
|  |  \ \ @ | ||||||
|  |   > >@ | ||||||
|  |  / / @ | ||||||
|  | /_/  @ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |  ___  @ | ||||||
|  | |__ \ @ | ||||||
|  |    ) |@ | ||||||
|  |   / / @ | ||||||
|  |  |_|  @ | ||||||
|  |  (_)  @ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |          @ | ||||||
|  |    ____  @ | ||||||
|  |   / __ \ @ | ||||||
|  |  / / _` |@ | ||||||
|  | | | (_| |@ | ||||||
|  |  \ \__,_|@ | ||||||
|  |   \____/ @ | ||||||
|  |          @@ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | |_| |@ | ||||||
|  | |  _  |@ | ||||||
|  | | | | |@ | ||||||
|  | |_| |_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  ____  @ | ||||||
|  | |  _ \ @ | ||||||
|  | | |_) |@ | ||||||
|  | |  _ < @ | ||||||
|  | | |_) |@ | ||||||
|  | |____/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |   _____ @ | ||||||
|  |  / ____|@ | ||||||
|  | | |     @ | ||||||
|  | | |     @ | ||||||
|  | | |____ @ | ||||||
|  |  \_____|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _____  @ | ||||||
|  | |  __ \ @ | ||||||
|  | | |  | |@ | ||||||
|  | | |  | |@ | ||||||
|  | | |__| |@ | ||||||
|  | |_____/ @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  ______ @ | ||||||
|  | |  ____|@ | ||||||
|  | | |__   @ | ||||||
|  | |  __|  @ | ||||||
|  | | |____ @ | ||||||
|  | |______|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  ______ @ | ||||||
|  | |  ____|@ | ||||||
|  | | |__   @ | ||||||
|  | |  __|  @ | ||||||
|  | | |     @ | ||||||
|  | |_|     @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |   _____ @ | ||||||
|  |  / ____|@ | ||||||
|  | | |  __ @ | ||||||
|  | | | |_ |@ | ||||||
|  | | |__| |@ | ||||||
|  |  \_____|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _    _ @ | ||||||
|  | | |  | |@ | ||||||
|  | | |__| |@ | ||||||
|  | |  __  |@ | ||||||
|  | | |  | |@ | ||||||
|  | |_|  |_|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _____ @ | ||||||
|  | |_   _|@ | ||||||
|  |   | |  @ | ||||||
|  |   | |  @ | ||||||
|  |  _| |_ @ | ||||||
|  | |_____|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |       _ @ | ||||||
|  |      | |@ | ||||||
|  |      | |@ | ||||||
|  |  _   | |@ | ||||||
|  | | |__| |@ | ||||||
|  |  \____/ @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _  __@ | ||||||
|  | | |/ /@ | ||||||
|  | | ' / @ | ||||||
|  | |  <  @ | ||||||
|  | | . \ @ | ||||||
|  | |_|\_\@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |  _      @ | ||||||
|  | | |     @ | ||||||
|  | | |     @ | ||||||
|  | | |     @ | ||||||
|  | | |____ @ | ||||||
|  | |______|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  __  __ @ | ||||||
|  | |  \/  |@ | ||||||
|  | | \  / |@ | ||||||
|  | | |\/| |@ | ||||||
|  | | |  | |@ | ||||||
|  | |_|  |_|@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _   _ @ | ||||||
|  | | \ | |@ | ||||||
|  | |  \| |@ | ||||||
|  | | . ` |@ | ||||||
|  | | |\  |@ | ||||||
|  | |_| \_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |   ____  @ | ||||||
|  |  / __ \ @ | ||||||
|  | | |  | |@ | ||||||
|  | | |  | |@ | ||||||
|  | | |__| |@ | ||||||
|  |  \____/ @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _____  @ | ||||||
|  | |  __ \ @ | ||||||
|  | | |__) |@ | ||||||
|  | |  ___/ @ | ||||||
|  | | |     @ | ||||||
|  | |_|     @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |   ____  @ | ||||||
|  |  / __ \ @ | ||||||
|  | | |  | |@ | ||||||
|  | | |  | |@ | ||||||
|  | | |__| |@ | ||||||
|  |  \___\_\@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _____  @ | ||||||
|  | |  __ \ @ | ||||||
|  | | |__) |@ | ||||||
|  | |  _  / @ | ||||||
|  | | | \ \ @ | ||||||
|  | |_|  \_\@ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |   _____ @ | ||||||
|  |  / ____|@ | ||||||
|  | | (___  @ | ||||||
|  |  \___ \ @ | ||||||
|  |  ____) |@ | ||||||
|  | |_____/ @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  |  _______ @ | ||||||
|  | |__   __|@ | ||||||
|  |    | |   @ | ||||||
|  |    | |   @ | ||||||
|  |    | |   @ | ||||||
|  |    |_|   @ | ||||||
|  |          @ | ||||||
|  |          @@ | ||||||
|  |  _    _ @ | ||||||
|  | | |  | |@ | ||||||
|  | | |  | |@ | ||||||
|  | | |  | |@ | ||||||
|  | | |__| |@ | ||||||
|  |  \____/ @ | ||||||
|  |         @ | ||||||
|  |         @@ | ||||||
|  | __      __@ | ||||||
|  | \ \    / /@ | ||||||
|  |  \ \  / / @ | ||||||
|  |   \ \/ /  @ | ||||||
|  |    \  /   @ | ||||||
|  |     \/    @ | ||||||
|  |           @ | ||||||
|  |           @@ | ||||||
|  | __          __@ | ||||||
|  | \ \        / /@ | ||||||
|  |  \ \  /\  / / @ | ||||||
|  |   \ \/  \/ /  @ | ||||||
|  |    \  /\  /   @ | ||||||
|  |     \/  \/    @ | ||||||
|  |               @ | ||||||
|  |               @@ | ||||||
|  | __   __@ | ||||||
|  | \ \ / /@ | ||||||
|  |  \ V / @ | ||||||
|  |   > <  @ | ||||||
|  |  / . \ @ | ||||||
|  | /_/ \_\@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  | __     __@ | ||||||
|  | \ \   / /@ | ||||||
|  |  \ \_/ / @ | ||||||
|  |   \   /  @ | ||||||
|  |    | |   @ | ||||||
|  |    |_|   @ | ||||||
|  |          @ | ||||||
|  |          @@ | ||||||
|  |  ______@ | ||||||
|  | |___  /@ | ||||||
|  |    / / @ | ||||||
|  |   / /  @ | ||||||
|  |  / /__ @ | ||||||
|  | /_____|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  ___ @ | ||||||
|  | |  _|@ | ||||||
|  | | |  @ | ||||||
|  | | |  @ | ||||||
|  | | |  @ | ||||||
|  | | |_ @ | ||||||
|  | |___|@ | ||||||
|  |      @@ | ||||||
|  | __     @ | ||||||
|  | \ \    @ | ||||||
|  |  \ \   @ | ||||||
|  |   \ \  @ | ||||||
|  |    \ \ @ | ||||||
|  |     \_\@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  ___ @ | ||||||
|  | |_  |@ | ||||||
|  |   | |@ | ||||||
|  |   | |@ | ||||||
|  |   | |@ | ||||||
|  |  _| |@ | ||||||
|  | |___|@ | ||||||
|  |      @@ | ||||||
|  |     @ | ||||||
|  |  /\ @ | ||||||
|  | |/\|@ | ||||||
|  |     @ | ||||||
|  |     @ | ||||||
|  |     @ | ||||||
|  |     @ | ||||||
|  |     @@ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |         @ | ||||||
|  |  ______ @ | ||||||
|  | |______|@ | ||||||
|  |         @@ | ||||||
|  |  _ @ | ||||||
|  | ( )@ | ||||||
|  |  \|@ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |   __ _ @ | ||||||
|  |  / _` |@ | ||||||
|  | | (_| |@ | ||||||
|  |  \__,_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _     @ | ||||||
|  | | |    @ | ||||||
|  | | |__  @ | ||||||
|  | | '_ \ @ | ||||||
|  | | |_) |@ | ||||||
|  | |_.__/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |       @ | ||||||
|  |       @ | ||||||
|  |   ___ @ | ||||||
|  |  / __|@ | ||||||
|  | | (__ @ | ||||||
|  |  \___|@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |      _ @ | ||||||
|  |     | |@ | ||||||
|  |   __| |@ | ||||||
|  |  / _` |@ | ||||||
|  | | (_| |@ | ||||||
|  |  \__,_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |       @ | ||||||
|  |       @ | ||||||
|  |   ___ @ | ||||||
|  |  / _ \@ | ||||||
|  | |  __/@ | ||||||
|  |  \___|@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |   __ @ | ||||||
|  |  / _|@ | ||||||
|  | | |_ @ | ||||||
|  | |  _|@ | ||||||
|  | | |  @ | ||||||
|  | |_|  @ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |   __ _ @ | ||||||
|  |  / _` |@ | ||||||
|  | | (_| |@ | ||||||
|  |  \__, |@ | ||||||
|  |   __/ |@ | ||||||
|  |        @@ | ||||||
|  |  _     @ | ||||||
|  | | |    @ | ||||||
|  | | |__  @ | ||||||
|  | | '_ \ @ | ||||||
|  | | | | |@ | ||||||
|  | |_| |_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _ @ | ||||||
|  | (_)@ | ||||||
|  |  _ @ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | |_|@ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |    _ @ | ||||||
|  |   (_)@ | ||||||
|  |    _ @ | ||||||
|  |   | |@ | ||||||
|  |   | |@ | ||||||
|  |   | |@ | ||||||
|  |  _/ |@ | ||||||
|  |      @@ | ||||||
|  |  _    @ | ||||||
|  | | |   @ | ||||||
|  | | | __@ | ||||||
|  | | |/ /@ | ||||||
|  | |   < @ | ||||||
|  | |_|\_\@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |  _ @ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | |_|@ | ||||||
|  |    @ | ||||||
|  |    @@ | ||||||
|  |            @ | ||||||
|  |            @ | ||||||
|  |  _ __ ___  @ | ||||||
|  | | '_ ` _ \ @ | ||||||
|  | | | | | | |@ | ||||||
|  | |_| |_| |_|@ | ||||||
|  |            @ | ||||||
|  |            @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |  _ __  @ | ||||||
|  | | '_ \ @ | ||||||
|  | | | | |@ | ||||||
|  | |_| |_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | (_) |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |  _ __  @ | ||||||
|  | | '_ \ @ | ||||||
|  | | |_) |@ | ||||||
|  | | .__/ @ | ||||||
|  | | |    @ | ||||||
|  |        @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |   __ _ @ | ||||||
|  |  / _` |@ | ||||||
|  | | (_| |@ | ||||||
|  |  \__, |@ | ||||||
|  |     | |@ | ||||||
|  |     |_|@@ | ||||||
|  |       @ | ||||||
|  |       @ | ||||||
|  |  _ __ @ | ||||||
|  | | '__|@ | ||||||
|  | | |   @ | ||||||
|  | |_|   @ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |  ___ @ | ||||||
|  | / __|@ | ||||||
|  | \__ \@ | ||||||
|  | |___/@ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |  _   @ | ||||||
|  | | |  @ | ||||||
|  | | |_ @ | ||||||
|  | | __|@ | ||||||
|  | | |_ @ | ||||||
|  |  \__|@ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |  _   _ @ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \__,_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  | __   __@ | ||||||
|  | \ \ / /@ | ||||||
|  |  \ V / @ | ||||||
|  |   \_/  @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |           @ | ||||||
|  |           @ | ||||||
|  | __      __@ | ||||||
|  | \ \ /\ / /@ | ||||||
|  |  \ V  V / @ | ||||||
|  |   \_/\_/  @ | ||||||
|  |           @ | ||||||
|  |           @@ | ||||||
|  |       @ | ||||||
|  |       @ | ||||||
|  | __  __@ | ||||||
|  | \ \/ /@ | ||||||
|  |  >  < @ | ||||||
|  | /_/\_\@ | ||||||
|  |       @ | ||||||
|  |       @@ | ||||||
|  |        @ | ||||||
|  |        @ | ||||||
|  |  _   _ @ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \__, |@ | ||||||
|  |   __/ |@ | ||||||
|  |        @@ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |  ____@ | ||||||
|  | |_  /@ | ||||||
|  |  / / @ | ||||||
|  | /___|@ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |    __@ | ||||||
|  |   / /@ | ||||||
|  |  | | @ | ||||||
|  | / /  @ | ||||||
|  | \ \  @ | ||||||
|  |  | | @ | ||||||
|  |   \_\@ | ||||||
|  |      @@ | ||||||
|  |  _ @ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | | |@ | ||||||
|  | |_|@@ | ||||||
|  | __   @ | ||||||
|  | \ \  @ | ||||||
|  |  | | @ | ||||||
|  |   \ \@ | ||||||
|  |   / /@ | ||||||
|  |  | | @ | ||||||
|  | /_/  @ | ||||||
|  |      @@ | ||||||
|  |      @ | ||||||
|  |  /\/|@ | ||||||
|  | |/\/ @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @ | ||||||
|  |      @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_)_(_)@ | ||||||
|  |  / _ \ @ | ||||||
|  | | |_| |@ | ||||||
|  | |  _  |@ | ||||||
|  | |_| |_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_)_(_)@ | ||||||
|  |  / _ \ @ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_) (_)@ | ||||||
|  | | | | |@ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_) (_)@ | ||||||
|  |   __ _ @ | ||||||
|  |  / _` |@ | ||||||
|  | | (_| |@ | ||||||
|  |  \__,_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_) (_)@ | ||||||
|  |   ___  @ | ||||||
|  |  / _ \ @ | ||||||
|  | | (_) |@ | ||||||
|  |  \___/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  _   _ @ | ||||||
|  | (_) (_)@ | ||||||
|  |  _   _ @ | ||||||
|  | | | | |@ | ||||||
|  | | |_| |@ | ||||||
|  |  \__,_|@ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
|  |  ____  @ | ||||||
|  | | __ \ @ | ||||||
|  | | | ) |@ | ||||||
|  | | |< < @ | ||||||
|  | | | ) |@ | ||||||
|  | |_||_/ @ | ||||||
|  |        @ | ||||||
|  |        @@ | ||||||
							
								
								
									
										
											BIN
										
									
								
								public/css/boder.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 234 B | 
							
								
								
									
										234
									
								
								public/css/cafe.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,234 @@ | |||||||
|  | 
 | ||||||
|  | html { | ||||||
|  |     overflow: -moz-scrollbars-vertical;  | ||||||
|  |     overflow-y: scroll; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* below this line is CSS for the layout */ | ||||||
|  | 
 | ||||||
|  |     /* this is a CSS comment | ||||||
|  | to uncomment a line of CSS, remove the * and the / | ||||||
|  | before and after the text */ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* the "container" is what wraps your entire website */ | ||||||
|  |     /* if you want something (like the header) to be Wider than | ||||||
|  | the other elements, you will need to move that div outside | ||||||
|  | of the container */ | ||||||
|  | .credits{ | ||||||
|  |     margin-top: 20px; | ||||||
|  |     font-size: 12px; | ||||||
|  | } | ||||||
|  |     .loungeText ul{ | ||||||
|  |         font-size: 16px; | ||||||
|  |         padding-left: 15px; | ||||||
|  |         margin: 0px; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .loungeText li{ | ||||||
|  |         padding-bottom: 10px; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     #input { | ||||||
|  |         border:2px solid grey; | ||||||
|  |         border-right: none; | ||||||
|  |         /* box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; */ | ||||||
|  |         margin: 0px; | ||||||
|  |         width: 93%; | ||||||
|  |         /* width: 530px; */ | ||||||
|  |         margin-right:0px; | ||||||
|  |         font-size: 18px; | ||||||
|  |         height: 34px; | ||||||
|  |         /* margin-top: 10px; */ | ||||||
|  |         padding: 5px 5px; | ||||||
|  |         /* margin-bottom: 10px; */ | ||||||
|  |         /* vertical-align: middle; */ | ||||||
|  |         vertical-align: middle; | ||||||
|  |          | ||||||
|  |     } | ||||||
|  |     #textInput > button{ | ||||||
|  |         font-size: 18px; | ||||||
|  |         width: 15%; | ||||||
|  |         padding: 5px 5px; | ||||||
|  |         /* display: inline; */ | ||||||
|  |         /* margin-top: 10px; */ | ||||||
|  |         vertical-align: middle; | ||||||
|  |         /* margin-right: 5px; */ | ||||||
|  |         height: 34px; | ||||||
|  |         /* float: right; */ | ||||||
|  |         /* padding: 1px 2px; */ | ||||||
|  |         /* all:initial; */ | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     #textInput{ | ||||||
|  |         margin-top: 10px; | ||||||
|  |         margin-bottom: 10px; | ||||||
|  |         padding-left: 8px; | ||||||
|  |         padding-right: 8px; | ||||||
|  |         display: flex; | ||||||
|  |         /* vertical-align: middle; */ | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .tooltip:not(.shown) { | ||||||
|  |         display: none; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .inputWrapper{ | ||||||
|  |         width: 85%; | ||||||
|  |         height: 100%; | ||||||
|  |         padding-right: 5px; | ||||||
|  |         /* white-space-collapse: discard; */ | ||||||
|  |         /* padding: 2px; */ | ||||||
|  | 
 | ||||||
|  |         /* display: inline; */ | ||||||
|  |         /* box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; */ | ||||||
|  |     } | ||||||
|  |     #emojiButton{ | ||||||
|  |         border:2px solid grey; | ||||||
|  |         /* border-left: none; */ | ||||||
|  |         vertical-align: middle; | ||||||
|  |         font-family: Arial, Helvetica, sans-serif; | ||||||
|  |         font-size: 1.5em !important; | ||||||
|  |         background-color: white; | ||||||
|  |         /* border: none; */ | ||||||
|  |         /* margin-right: 5px; */ | ||||||
|  |         min-width: 20px !important; | ||||||
|  |         width: 7% !important; | ||||||
|  |         height: 34px !important; | ||||||
|  |         box-shadow: none; | ||||||
|  |         color: black !important; | ||||||
|  |         padding:0px !important; | ||||||
|  |         border-width: 2px; | ||||||
|  |     /* border-style: inset; | ||||||
|  |     border-top: solid black 2px; | ||||||
|  |     border-bottom: solid grey 2px; | ||||||
|  |     border-right: solid grey 2px; */ | ||||||
|  | 
 | ||||||
|  |         /* padding: 0px !important; */ | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .tooltip{ | ||||||
|  |         z-index:999; | ||||||
|  |         position: absolute; | ||||||
|  |         data-popper-placement:top; | ||||||
|  |     } | ||||||
|  |     /* the area below is for all links on your page | ||||||
|  | EXCEPT for the navigation */ | ||||||
|  | 
 | ||||||
|  |     .icon{ | ||||||
|  |         width: 25px; | ||||||
|  |     }   | ||||||
|  | 
 | ||||||
|  |     .loungeContainer{ | ||||||
|  |         width: auto; | ||||||
|  |     } | ||||||
|  |     .loungeText{ | ||||||
|  |         margin-left: 20px; | ||||||
|  |          | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .loungeText p{ | ||||||
|  |         font-size: 16px; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     /* .right-box{ | ||||||
|  |         width: 250px; | ||||||
|  |         margin-left: 10px; | ||||||
|  |     } */ | ||||||
|  |     /* .left-box{ | ||||||
|  |         width: 740px; | ||||||
|  |     } */ | ||||||
|  | 
 | ||||||
|  |     canvas { | ||||||
|  |         /* image-rendering: optimizeSpeed; */ | ||||||
|  |         padding-left: 0; | ||||||
|  |         padding-right: 0; | ||||||
|  |         margin-left: auto; | ||||||
|  |         margin-right: auto; | ||||||
|  |         display: block; | ||||||
|  |         border: 8px solid; | ||||||
|  |         border-image-source: url(./boder.png); | ||||||
|  |         border-image-slice: 8; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     } | ||||||
|  |      | ||||||
|  |      | ||||||
|  |     /* navigation links*/ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* navigation link when a link is hovered over */ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     .window{ | ||||||
|  |         margin-bottom: 10px; | ||||||
|  |         background: transparent; | ||||||
|  |     } | ||||||
|  |     .window-body{ | ||||||
|  |         /* font-family: 'win98'; */ | ||||||
|  |         font-family: sans-serif; | ||||||
|  |         padding: 0px; | ||||||
|  |         margin: 0px; | ||||||
|  |          | ||||||
|  |         /* background-color: #000055a6; */ | ||||||
|  |     } | ||||||
|  |     /* this colors BOTH sidebars | ||||||
|  | if you want to style them separately, | ||||||
|  | create styles for #leftSidebar and #rightSidebar */ | ||||||
|  |     aside { | ||||||
|  |     | ||||||
|  | padding: 10px; | ||||||
|  |          | ||||||
|  |          | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* this is the color of the main content area, | ||||||
|  | between the sidebars! */ | ||||||
|  |     main { | ||||||
|  |         /* background-color: #2a2a2a; */ | ||||||
|  |         /* background-color: #00003e; */ | ||||||
|  |          | ||||||
|  |         flex: 1; | ||||||
|  |         /* padding: 0px 20px; */ | ||||||
|  |                 padding: 0px 2px; | ||||||
|  |         order: 2; | ||||||
|  |         /* border: #383838 3px solid; */ | ||||||
|  |         /* border-radius: 4px; */ | ||||||
|  | 
 | ||||||
|  |         /* width: 600px; */ | ||||||
|  |     } | ||||||
|  |     .main-right{ | ||||||
|  |         background-color: #1522387b; | ||||||
|  |         backdrop-filter: blur(16px); | ||||||
|  |          | ||||||
|  |     } | ||||||
|  |     .main-left{ | ||||||
|  |         background-color: rgba(0, 0, 0, 0.45); | ||||||
|  |         backdrop-filter: blur(32px); | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* @media only screen and (max-width: 800px) { | ||||||
|  | 
 | ||||||
|  |         canvas { | ||||||
|  |             min-width: 700px; | ||||||
|  |         } | ||||||
|  |     } */ | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     /* BELOW THIS POINT IS MEDIA QUERY */ | ||||||
|  | 
 | ||||||
|  |     /* so you wanna change the width of your page?  | ||||||
|  | by default, the container width is 900px. | ||||||
|  | in order to keep things responsive, take your new height, | ||||||
|  | and then subtrack it by 100. use this new number as the  | ||||||
|  | "max-width" value below | ||||||
|  | */ | ||||||
|  | 
 | ||||||
							
								
								
									
										705
									
								
								public/css/custom98.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,705 @@ | |||||||
|  | /*! 98.css v0.1.20 - https://github.com/jdan/98.css */ | ||||||
|  | /* @font-face { | ||||||
|  |   font-family:"Pixelated MS Sans Serif"; | ||||||
|  |   font-style:normal; | ||||||
|  |   font-weight:400; | ||||||
|  |   src:url(ms_sans_serif.woff) format("woff"); | ||||||
|  |   src:url(ms_sans_serif.woff2) format("woff2") | ||||||
|  | } | ||||||
|  | @font-face { | ||||||
|  |   font-family:"Pixelated MS Sans Serif"; | ||||||
|  |   font-style:normal; | ||||||
|  |   font-weight:700; | ||||||
|  |   src:url(ms_sans_serif_bold.woff) format("woff"); | ||||||
|  |   src:url(ms_sans_serif_bold.woff2) format("woff2") | ||||||
|  | } */ | ||||||
|  | body { | ||||||
|  |   color:#222; | ||||||
|  |   font-family:Arial; | ||||||
|  |   font-size:12px | ||||||
|  | } | ||||||
|  | .title-bar, | ||||||
|  | .window, | ||||||
|  | button, | ||||||
|  | input, | ||||||
|  | label, | ||||||
|  | option, | ||||||
|  | select, | ||||||
|  | table, | ||||||
|  | textarea, | ||||||
|  | ul.tree-view { | ||||||
|  |   /* -webkit-font-smoothing:none; */ | ||||||
|  |   /* font-smooth: always; */ | ||||||
|  |   font-family:"Pixelated MS Sans Serif",Arial; | ||||||
|  |   font-size:11px | ||||||
|  | } | ||||||
|  | h1 { | ||||||
|  |   font-size:5rem | ||||||
|  | } | ||||||
|  | h2 { | ||||||
|  |   font-size:2.5rem | ||||||
|  | } | ||||||
|  | h3 { | ||||||
|  |   font-size:2rem | ||||||
|  | } | ||||||
|  | h4 { | ||||||
|  |   font-size:1.5rem | ||||||
|  | } | ||||||
|  | u { | ||||||
|  |   border-bottom:.5px solid #222; | ||||||
|  |   text-decoration:none | ||||||
|  | } | ||||||
|  | button, | ||||||
|  | input[type=reset], | ||||||
|  | input[type=submit] { | ||||||
|  |   border:none; | ||||||
|  |   border-radius:0; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   color:transparent; | ||||||
|  |   min-height:23px; | ||||||
|  |   min-width:75px; | ||||||
|  |   padding:0 12px; | ||||||
|  |   text-shadow:0 0 #222 | ||||||
|  | } | ||||||
|  | .vertical-bar, | ||||||
|  | button, | ||||||
|  | input[type=reset], | ||||||
|  | input[type=submit] { | ||||||
|  |   background:silver; | ||||||
|  |   box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf | ||||||
|  | } | ||||||
|  | .vertical-bar { | ||||||
|  |   height:20px; | ||||||
|  |   width:4px | ||||||
|  | } | ||||||
|  | button:not(:disabled):active, | ||||||
|  | input[type=reset]:not(:disabled):active, | ||||||
|  | input[type=submit]:not(:disabled):active { | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey; | ||||||
|  |   text-shadow:1px 1px #222 | ||||||
|  | } | ||||||
|  | @media (not(hover)) { | ||||||
|  |   button:not(:disabled):hover, | ||||||
|  |   input[type=reset]:not(:disabled):hover, | ||||||
|  |   input[type=submit]:not(:disabled):hover { | ||||||
|  |     box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | button:focus, | ||||||
|  | input[type=reset]:focus, | ||||||
|  | input[type=submit]:focus { | ||||||
|  |   outline:1px dotted #000; | ||||||
|  |   outline-offset:-4px | ||||||
|  | } | ||||||
|  | button::-moz-focus-inner, | ||||||
|  | input[type=reset]::-moz-focus-inner, | ||||||
|  | input[type=submit]::-moz-focus-inner { | ||||||
|  |   border:0 | ||||||
|  | } | ||||||
|  | :disabled, | ||||||
|  | :disabled+label, | ||||||
|  | input[readonly], | ||||||
|  | input[readonly]+label { | ||||||
|  |   color:grey | ||||||
|  | } | ||||||
|  | :disabled+label, | ||||||
|  | button:disabled, | ||||||
|  | input[type=reset]:disabled, | ||||||
|  | input[type=submit]:disabled { | ||||||
|  |   text-shadow:1px 1px 0 #fff | ||||||
|  | } | ||||||
|  | .window { | ||||||
|  |   background:silver; | ||||||
|  |   box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff; | ||||||
|  |   padding:3px | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .title-bar { | ||||||
|  |   align-items:center; | ||||||
|  |   background:linear-gradient(90deg,navy,#1084d0); | ||||||
|  |   /* background:linear-gradient(90deg,rgb(50, 50, 50),gray); */ | ||||||
|  |   display:flex; | ||||||
|  |   justify-content:space-between; | ||||||
|  |   padding:3px 2px 3px 3px | ||||||
|  | } | ||||||
|  | .title-bar.inactive { | ||||||
|  |   background:linear-gradient(90deg,grey,#b5b5b5) | ||||||
|  | } | ||||||
|  | .title-bar.external { | ||||||
|  |   background:linear-gradient(90deg,grey,#b5b5b5) | ||||||
|  | } | ||||||
|  | .title-bar.grey { | ||||||
|  |   /* background:linear-gradient(90deg,rgb(50, 50, 50),gray); */ | ||||||
|  |   background:linear-gradient(90deg,#46171d,#6D2932); | ||||||
|  | } | ||||||
|  | .title-bar-text { | ||||||
|  |   color:#fff; | ||||||
|  |   font-weight:700; | ||||||
|  |   letter-spacing:0; | ||||||
|  |   margin-right:24px | ||||||
|  | } | ||||||
|  | .title-bar-controls { | ||||||
|  |   display:flex | ||||||
|  | } | ||||||
|  | .title-bar-controls button { | ||||||
|  |   display:block; | ||||||
|  |   min-height:14px; | ||||||
|  |   min-width:16px; | ||||||
|  |   padding:0 | ||||||
|  | } | ||||||
|  | .title-bar-controls button:active { | ||||||
|  |   padding:0 | ||||||
|  | } | ||||||
|  | .title-bar-controls button:focus { | ||||||
|  |   outline:none | ||||||
|  | } | ||||||
|  | .title-bar-controls button[aria-label=Minimize] { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:bottom 3px left 4px; | ||||||
|  |   background-repeat:no-repeat | ||||||
|  | } | ||||||
|  | .title-bar-controls button[aria-label=Maximize] { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:top 2px left 3px; | ||||||
|  |   background-repeat:no-repeat | ||||||
|  | } | ||||||
|  | .title-bar-controls button[aria-label=Restore] { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:top 2px left 3px; | ||||||
|  |   background-repeat:no-repeat | ||||||
|  | } | ||||||
|  | .title-bar-controls button[aria-label=Help] { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:top 2px left 5px; | ||||||
|  |   background-repeat:no-repeat | ||||||
|  | } | ||||||
|  | .title-bar-controls button[aria-label=Close] { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:top 3px left 4px; | ||||||
|  |   background-repeat:no-repeat; | ||||||
|  |   margin-left:2px | ||||||
|  | } | ||||||
|  | .status-bar { | ||||||
|  |   gap:1px; | ||||||
|  |   display:flex; | ||||||
|  |   margin:0 1px | ||||||
|  | } | ||||||
|  | .status-bar-field { | ||||||
|  |   box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey; | ||||||
|  |   flex-grow:1; | ||||||
|  |   margin:0; | ||||||
|  |   padding:2px 3px | ||||||
|  | } | ||||||
|  | .window-body { | ||||||
|  |   margin:8px | ||||||
|  | } | ||||||
|  | fieldset { | ||||||
|  |   border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") 2; | ||||||
|  |   margin:0; | ||||||
|  |   padding:10px; | ||||||
|  |   padding-block-start:8px | ||||||
|  | } | ||||||
|  | legend { | ||||||
|  |   background:silver | ||||||
|  | } | ||||||
|  | .field-row { | ||||||
|  |   align-items:center; | ||||||
|  |   display:flex | ||||||
|  | } | ||||||
|  | [class^=field-row]+[class^=field-row] { | ||||||
|  |   margin-top:6px | ||||||
|  | } | ||||||
|  | .field-row>*+* { | ||||||
|  |   margin-left:6px | ||||||
|  | } | ||||||
|  | .field-row-stacked { | ||||||
|  |   display:flex; | ||||||
|  |   flex-direction:column | ||||||
|  | } | ||||||
|  | .field-row-stacked *+* { | ||||||
|  |   margin-top:6px | ||||||
|  | } | ||||||
|  | label { | ||||||
|  |   align-items:center; | ||||||
|  |   display:inline-flex | ||||||
|  | } | ||||||
|  | input[type=checkbox], | ||||||
|  | input[type=radio] { | ||||||
|  |   appearance:none; | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   -moz-appearance:none; | ||||||
|  |   background:0; | ||||||
|  |   border:none; | ||||||
|  |   margin:0; | ||||||
|  |   opacity:0; | ||||||
|  |   position:fixed | ||||||
|  | } | ||||||
|  | input[type=checkbox]+label, | ||||||
|  | input[type=radio]+label { | ||||||
|  |   line-height:13px | ||||||
|  | } | ||||||
|  | input[type=radio]+label { | ||||||
|  |   margin-left:18px; | ||||||
|  |   position:relative | ||||||
|  | } | ||||||
|  | input[type=radio]+label:before { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E"); | ||||||
|  |   content:""; | ||||||
|  |   display:inline-block; | ||||||
|  |   height:12px; | ||||||
|  |   left:-18px; | ||||||
|  |   margin-right:6px; | ||||||
|  |   position:absolute; | ||||||
|  |   top:0; | ||||||
|  |   width:12px | ||||||
|  | } | ||||||
|  | input[type=radio]:active+label:before { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | input[type=radio]:checked+label:after { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   content:""; | ||||||
|  |   display:block; | ||||||
|  |   height:4px; | ||||||
|  |   left:-14px; | ||||||
|  |   position:absolute; | ||||||
|  |   top:4px; | ||||||
|  |   width:4px | ||||||
|  | } | ||||||
|  | input[type=checkbox]:focus+label, | ||||||
|  | input[type=radio]:focus+label { | ||||||
|  |   outline:1px dotted #000 | ||||||
|  | } | ||||||
|  | input[type=radio][disabled]+label:before { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | input[type=radio][disabled]:checked+label:after { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | input[type=checkbox]+label { | ||||||
|  |   margin-left:19px; | ||||||
|  |   position:relative | ||||||
|  | } | ||||||
|  | input[type=checkbox]+label:before { | ||||||
|  |   background:#fff; | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a; | ||||||
|  |   content:""; | ||||||
|  |   display:inline-block; | ||||||
|  |   height:13px; | ||||||
|  |   left:-19px; | ||||||
|  |   margin-right:6px; | ||||||
|  |   position:absolute; | ||||||
|  |   width:13px | ||||||
|  | } | ||||||
|  | input[type=checkbox]:active+label:before { | ||||||
|  |   background:silver | ||||||
|  | } | ||||||
|  | input[type=checkbox]:checked+label:after { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   content:""; | ||||||
|  |   display:block; | ||||||
|  |   height:7px; | ||||||
|  |   left:-16px; | ||||||
|  |   position:absolute; | ||||||
|  |   top:3px; | ||||||
|  |   width:7px | ||||||
|  | } | ||||||
|  | input[type=checkbox][disabled]+label:before { | ||||||
|  |   background:silver | ||||||
|  | } | ||||||
|  | input[type=checkbox][disabled]:checked+label:after { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | input[type=email], | ||||||
|  | input[type=number], | ||||||
|  | input[type=password], | ||||||
|  | input[type=text] { | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   -moz-appearance:none; | ||||||
|  |   appearance:none; | ||||||
|  |   border:none; | ||||||
|  |   border-radius:0 | ||||||
|  | } | ||||||
|  | input[type=email], | ||||||
|  | input[type=number], | ||||||
|  | input[type=password], | ||||||
|  | input[type=text], | ||||||
|  | select { | ||||||
|  |   background-color:#fff; | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   padding:3px 4px | ||||||
|  | } | ||||||
|  | select, | ||||||
|  | textarea { | ||||||
|  |   border:none | ||||||
|  | } | ||||||
|  | textarea { | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   -moz-appearance:none; | ||||||
|  |   appearance:none; | ||||||
|  |   background-color:#fff; | ||||||
|  |   border-radius:0; | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   padding:3px 4px | ||||||
|  | } | ||||||
|  | input[type=email], | ||||||
|  | input[type=password], | ||||||
|  | input[type=text], | ||||||
|  | select { | ||||||
|  |   height:21px | ||||||
|  | } | ||||||
|  | input[type=number] { | ||||||
|  |   height:22px | ||||||
|  | } | ||||||
|  | input[type=email], | ||||||
|  | input[type=number], | ||||||
|  | input[type=password], | ||||||
|  | input[type=text] { | ||||||
|  |   line-height:2 | ||||||
|  | } | ||||||
|  | input[type=email]:disabled, | ||||||
|  | input[type=email]:read-only, | ||||||
|  | input[type=number]:disabled, | ||||||
|  | input[type=number]:read-only, | ||||||
|  | input[type=password]:disabled, | ||||||
|  | input[type=password]:read-only, | ||||||
|  | input[type=text]:disabled, | ||||||
|  | input[type=text]:read-only, | ||||||
|  | textarea:disabled { | ||||||
|  |   background-color:silver | ||||||
|  | } | ||||||
|  | select { | ||||||
|  |   appearance:none; | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   -moz-appearance:none; | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   background-position:top 2px right 2px; | ||||||
|  |   background-repeat:no-repeat; | ||||||
|  |   border-radius:0; | ||||||
|  |   padding-right:32px; | ||||||
|  |   position:relative | ||||||
|  | } | ||||||
|  | input[type=email]:focus, | ||||||
|  | input[type=number]:focus, | ||||||
|  | input[type=password]:focus, | ||||||
|  | input[type=text]:focus, | ||||||
|  | select:focus, | ||||||
|  | textarea:focus { | ||||||
|  |   outline:none | ||||||
|  | } | ||||||
|  | input[type=range] { | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   background:transparent; | ||||||
|  |   width:100% | ||||||
|  | } | ||||||
|  | input[type=range]:focus { | ||||||
|  |   outline:none | ||||||
|  | } | ||||||
|  | input[type=range]::-webkit-slider-thumb { | ||||||
|  |   -webkit-appearance:none; | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   border:none; | ||||||
|  |   box-shadow:none; | ||||||
|  |   height:21px; | ||||||
|  |   transform:translateY(-8px); | ||||||
|  |   width:11px | ||||||
|  | } | ||||||
|  | input[type=range].has-box-indicator::-webkit-slider-thumb { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   transform:translateY(-10px) | ||||||
|  | } | ||||||
|  | input[type=range]::-moz-range-thumb { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   border:0; | ||||||
|  |   border-radius:0; | ||||||
|  |   height:21px; | ||||||
|  |   transform:translateY(2px); | ||||||
|  |   width:11px | ||||||
|  | } | ||||||
|  | input[type=range].has-box-indicator::-moz-range-thumb { | ||||||
|  |   background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   transform:translateY(0) | ||||||
|  | } | ||||||
|  | input[type=range]::-webkit-slider-runnable-track { | ||||||
|  |   background:#000; | ||||||
|  |   border-bottom:1px solid grey; | ||||||
|  |   border-right:1px solid grey; | ||||||
|  |   box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   height:2px; | ||||||
|  |   width:100% | ||||||
|  | } | ||||||
|  | input[type=range]::-moz-range-track { | ||||||
|  |   background:#000; | ||||||
|  |   border-bottom:1px solid grey; | ||||||
|  |   border-right:1px solid grey; | ||||||
|  |   box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   height:2px; | ||||||
|  |   width:100% | ||||||
|  | } | ||||||
|  | .is-vertical { | ||||||
|  |   display:inline-block; | ||||||
|  |   height:150px; | ||||||
|  |   transform:translateY(50%); | ||||||
|  |   width:4px | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range] { | ||||||
|  |   height:4px; | ||||||
|  |   margin:0 16px 0 10px; | ||||||
|  |   transform:rotate(270deg) translateX(calc(-50% + 8px)); | ||||||
|  |   transform-origin:left; | ||||||
|  |   width:150px | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range]::-webkit-slider-runnable-track { | ||||||
|  |   border-bottom:1px solid grey; | ||||||
|  |   border-left:1px solid grey; | ||||||
|  |   border-right:0; | ||||||
|  |   box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9 | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range]::-moz-range-track { | ||||||
|  |   border-bottom:1px solid grey; | ||||||
|  |   border-left:1px solid grey; | ||||||
|  |   border-right:0; | ||||||
|  |   box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9 | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range]::-webkit-slider-thumb { | ||||||
|  |   transform:translateY(-8px) scaleX(-1) | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb { | ||||||
|  |   transform:translateY(-10px) scaleX(-1) | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range]::-moz-range-thumb { | ||||||
|  |   transform:translateY(2px) scaleX(-1) | ||||||
|  | } | ||||||
|  | .is-vertical>input[type=range].has-box-indicator::-moz-range-thumb { | ||||||
|  |   transform:translateY(0) scaleX(-1) | ||||||
|  | } | ||||||
|  | select:focus { | ||||||
|  |   background-color:navy; | ||||||
|  |   color:#fff | ||||||
|  | } | ||||||
|  | select:focus option { | ||||||
|  |   background-color:#fff; | ||||||
|  |   color:#000 | ||||||
|  | } | ||||||
|  | select:active { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | a { | ||||||
|  |   color:#00f | ||||||
|  | } | ||||||
|  | a:focus { | ||||||
|  |   outline:1px dotted #00f | ||||||
|  | } | ||||||
|  | ul.tree-view { | ||||||
|  |   background:#fff; | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a; | ||||||
|  |   display:block; | ||||||
|  |   margin:0; | ||||||
|  |   padding:6px | ||||||
|  | } | ||||||
|  | ul.tree-view li { | ||||||
|  |   list-style-type:none | ||||||
|  | } | ||||||
|  | ul.tree-view a { | ||||||
|  |   color:#000; | ||||||
|  |   text-decoration:none | ||||||
|  | } | ||||||
|  | ul.tree-view a:focus { | ||||||
|  |   background-color:navy; | ||||||
|  |   color:#fff | ||||||
|  | } | ||||||
|  | ul.tree-view li, | ||||||
|  | ul.tree-view ul { | ||||||
|  |   margin-top:3px | ||||||
|  | } | ||||||
|  | ul.tree-view ul { | ||||||
|  |   border-left:1px dotted grey; | ||||||
|  |   margin-left:16px; | ||||||
|  |   padding-left:16px | ||||||
|  | } | ||||||
|  | ul.tree-view ul>li { | ||||||
|  |   position:relative | ||||||
|  | } | ||||||
|  | ul.tree-view ul>li:before { | ||||||
|  |   border-bottom:1px dotted grey; | ||||||
|  |   content:""; | ||||||
|  |   display:block; | ||||||
|  |   left:-16px; | ||||||
|  |   position:absolute; | ||||||
|  |   top:6px; | ||||||
|  |   width:12px | ||||||
|  | } | ||||||
|  | ul.tree-view ul>li:last-child:after { | ||||||
|  |   background:#fff; | ||||||
|  |   bottom:0; | ||||||
|  |   content:""; | ||||||
|  |   display:block; | ||||||
|  |   left:-20px; | ||||||
|  |   position:absolute; | ||||||
|  |   top:7px; | ||||||
|  |   width:8px | ||||||
|  | } | ||||||
|  | ul.tree-view details { | ||||||
|  |   margin-top:0 | ||||||
|  | } | ||||||
|  | ul.tree-view details[open] summary { | ||||||
|  |   margin-bottom:0 | ||||||
|  | } | ||||||
|  | ul.tree-view ul details>summary:before { | ||||||
|  |   margin-left:-22px; | ||||||
|  |   position:relative; | ||||||
|  |   z-index:1 | ||||||
|  | } | ||||||
|  | ul.tree-view details>summary:before { | ||||||
|  |   background-color:#fff; | ||||||
|  |   border:1px solid grey; | ||||||
|  |   content:"+"; | ||||||
|  |   display:block; | ||||||
|  |   float:left; | ||||||
|  |   height:9px; | ||||||
|  |   line-height:8px; | ||||||
|  |   margin-right:5px; | ||||||
|  |   padding-left:1px; | ||||||
|  |   text-align:center; | ||||||
|  |   width:8px | ||||||
|  | } | ||||||
|  | ul.tree-view details[open]>summary:before { | ||||||
|  |   content:"-" | ||||||
|  | } | ||||||
|  | ul.tree-view details>summary::-webkit-details-marker, | ||||||
|  | ul.tree-view details>summary::marker { | ||||||
|  |   content:"" | ||||||
|  | } | ||||||
|  | pre { | ||||||
|  |   background:#fff; | ||||||
|  |   box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a; | ||||||
|  |   display:block; | ||||||
|  |   margin:0; | ||||||
|  |   padding:12px 8px | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | summary:focus { | ||||||
|  |   outline:1px dotted #000 | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar { | ||||||
|  |   width:16px | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar:horizontal { | ||||||
|  |   height:17px | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-corner { | ||||||
|  |   background:#dfdfdf | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-track { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E") | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-thumb { | ||||||
|  |   background-color:#dfdfdf; | ||||||
|  |   box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-button:horizontal:end:increment, | ||||||
|  | ::-webkit-scrollbar-button:horizontal:start:decrement, | ||||||
|  | ::-webkit-scrollbar-button:vertical:end:increment, | ||||||
|  | ::-webkit-scrollbar-button:vertical:start:decrement { | ||||||
|  |   display:block | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-button:vertical:start { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   height:17px | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-button:vertical:end { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   height:17px | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-button:horizontal:start { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   width:16px | ||||||
|  | } | ||||||
|  | ::-webkit-scrollbar-button:horizontal:end { | ||||||
|  |   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E"); | ||||||
|  |   width:16px | ||||||
|  | } | ||||||
|  | .window[role=tabpanel] { | ||||||
|  |   position:relative; | ||||||
|  |   z-index:2 | ||||||
|  | } | ||||||
|  | menu[role=tablist] { | ||||||
|  |   display:flex; | ||||||
|  |   list-style-type:none; | ||||||
|  |   margin:0 0 -2px; | ||||||
|  |   padding-left:3px; | ||||||
|  |   position:relative; | ||||||
|  |   text-indent:0 | ||||||
|  | } | ||||||
|  | menu[role=tablist]>li { | ||||||
|  |   border-top-left-radius:3px; | ||||||
|  |   border-top-right-radius:3px; | ||||||
|  |   box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #dfdfdf,inset -2px 0 grey,inset 2px 2px #fff; | ||||||
|  |   z-index:1 | ||||||
|  | } | ||||||
|  | menu[role=tablist]>li[aria-selected=true] { | ||||||
|  |   background-color:silver; | ||||||
|  |   margin-left:-3px; | ||||||
|  |   margin-top:-2px; | ||||||
|  |   padding-bottom:2px; | ||||||
|  |   position:relative; | ||||||
|  |   z-index:8 | ||||||
|  | } | ||||||
|  | menu[role=tablist]>li>a { | ||||||
|  |   color:#222; | ||||||
|  |   display:block; | ||||||
|  |   margin:6px; | ||||||
|  |   text-decoration:none | ||||||
|  | } | ||||||
|  | menu[role=tablist]>li[aria-selected=true]>a:focus { | ||||||
|  |   outline:none | ||||||
|  | } | ||||||
|  | menu[role=tablist]>li>a:focus { | ||||||
|  |   outline:1px dotted #222 | ||||||
|  | } | ||||||
|  | menu[role=tablist].multirows>li { | ||||||
|  |   flex-grow:1; | ||||||
|  |   text-align:center | ||||||
|  | } | ||||||
|  | .sunken-panel { | ||||||
|  |   border:2px groove transparent; | ||||||
|  |   border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   overflow:auto | ||||||
|  | } | ||||||
|  | .sunken-panel, | ||||||
|  | table { | ||||||
|  |   background-color:#fff | ||||||
|  | } | ||||||
|  | table { | ||||||
|  |   border-collapse:collapse; | ||||||
|  |   position:relative; | ||||||
|  |   text-align:left; | ||||||
|  |   white-space:nowrap | ||||||
|  | } | ||||||
|  | table>thead>tr>* { | ||||||
|  |   background:silver; | ||||||
|  |   box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; | ||||||
|  |   box-sizing:border-box; | ||||||
|  |   font-weight:400; | ||||||
|  |   height:17px; | ||||||
|  |   padding:0 6px; | ||||||
|  |   position:sticky; | ||||||
|  |   top:0 | ||||||
|  | } | ||||||
|  | table.interactive>tbody>tr { | ||||||
|  |   cursor:pointer | ||||||
|  | } | ||||||
|  | table>tbody>tr.highlighted { | ||||||
|  |   background-color:navy; | ||||||
|  |   color:#fff | ||||||
|  | } | ||||||
|  | table>tbody>tr>* { | ||||||
|  |   height:14px; | ||||||
|  |   padding:0 6px | ||||||
|  | } | ||||||
|  | /*# sourceMappingURL=98.css.map */ | ||||||
							
								
								
									
										
											BIN
										
									
								
								public/css/easvhs.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										
											BIN
										
									
								
								public/css/pix.TTF
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										148
									
								
								public/css/prism-atom-dark.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,148 @@ | |||||||
|  | /** | ||||||
|  |  * atom-dark theme for `prism.js` | ||||||
|  |  * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax | ||||||
|  |  * @author Joe Gibson (@gibsjose) | ||||||
|  |  */ | ||||||
|  | 
 | ||||||
|  | code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	color: #c5c8c6; | ||||||
|  | 	text-shadow: 0 1px rgba(0, 0, 0, 0.3); | ||||||
|  | 	font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; | ||||||
|  | 	direction: ltr; | ||||||
|  | 	text-align: left; | ||||||
|  | 	white-space: pre; | ||||||
|  | 	word-spacing: normal; | ||||||
|  | 	word-break: normal; | ||||||
|  | 	line-height: 1.5; | ||||||
|  | 
 | ||||||
|  | 	-moz-tab-size: 4; | ||||||
|  | 	-o-tab-size: 4; | ||||||
|  | 	tab-size: 4; | ||||||
|  | 
 | ||||||
|  | 	-webkit-hyphens: none; | ||||||
|  | 	-moz-hyphens: none; | ||||||
|  | 	-ms-hyphens: none; | ||||||
|  | 	hyphens: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Code blocks */ | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	padding: 1em; | ||||||
|  | 	margin: .5em 0; | ||||||
|  | 	overflow: auto; | ||||||
|  | 	border-radius: 0.3em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | :not(pre) > code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	background: #1d1f21; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Inline code */ | ||||||
|  | :not(pre) > code { | ||||||
|  | 	font-family: win98; | ||||||
|  | 	background-color:hsla(0,0%,100%,.1) ; | ||||||
|  |     padding: 0px .3rem; | ||||||
|  |     border: .1rem solid rgba(0,0,0,.1); | ||||||
|  | 	/* padding: .1em; | ||||||
|  | 	border-radius: .3em; */ | ||||||
|  | 	/* background: red; */ | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.comment, | ||||||
|  | .token.prolog, | ||||||
|  | .token.doctype, | ||||||
|  | .token.cdata { | ||||||
|  | 	color: #7C7C7C; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.punctuation { | ||||||
|  | 	color: #c5c8c6; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .namespace { | ||||||
|  | 	opacity: .7; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.property, | ||||||
|  | .token.keyword, | ||||||
|  | .token.tag { | ||||||
|  | 	color: #96CBFE; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.class-name { | ||||||
|  | 	color: #FFFFB6; | ||||||
|  | 	text-decoration: underline; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.boolean, | ||||||
|  | .token.constant { | ||||||
|  | 	color: #99CC99; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.symbol, | ||||||
|  | .token.deleted { | ||||||
|  | 	color: #f92672; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.number { | ||||||
|  | 	color: #FF73FD; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.selector, | ||||||
|  | .token.attr-name, | ||||||
|  | .token.string, | ||||||
|  | .token.char, | ||||||
|  | .token.builtin, | ||||||
|  | .token.inserted { | ||||||
|  | 	color: #A8FF60; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.variable { | ||||||
|  | 	color: #C6C5FE; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.operator { | ||||||
|  | 	color: #EDEDED; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.entity { | ||||||
|  | 	color: #FFFFB6; | ||||||
|  | 	cursor: help; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.url { | ||||||
|  | 	color: #96CBFE; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .language-css .token.string, | ||||||
|  | .style .token.string { | ||||||
|  | 	color: #87C38A; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.atrule, | ||||||
|  | .token.attr-value { | ||||||
|  | 	color: #F9EE98; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.function { | ||||||
|  | 	color: #DAD085; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.regex { | ||||||
|  | 	color: #E9C062; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important { | ||||||
|  | 	color: #fd971f; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important, | ||||||
|  | .token.bold { | ||||||
|  | 	font-weight: bold; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.italic { | ||||||
|  | 	font-style: italic; | ||||||
|  | } | ||||||
							
								
								
									
										172
									
								
								public/css/prism-duotone-space.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,172 @@ | |||||||
|  | /* | ||||||
|  | Name: Duotone Space | ||||||
|  | Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes) | ||||||
|  | 
 | ||||||
|  | Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-space-dark.css) | ||||||
|  | Generated with Base16 Builder (https://github.com/base16-builder/base16-builder) | ||||||
|  | */ | ||||||
|  | 
 | ||||||
|  | code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; | ||||||
|  | 	font-size: 14px; | ||||||
|  | 	line-height: 1.375; | ||||||
|  | 	direction: ltr; | ||||||
|  | 	text-align: left; | ||||||
|  | 	white-space: pre; | ||||||
|  | 	word-spacing: normal; | ||||||
|  | 	word-break: normal; | ||||||
|  | 
 | ||||||
|  | 	-moz-tab-size: 4; | ||||||
|  | 	-o-tab-size: 4; | ||||||
|  | 	tab-size: 4; | ||||||
|  | 
 | ||||||
|  | 	-webkit-hyphens: none; | ||||||
|  | 	-moz-hyphens: none; | ||||||
|  | 	-ms-hyphens: none; | ||||||
|  | 	hyphens: none; | ||||||
|  | 	background: #24242e; | ||||||
|  | 	color: #767693; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre > code[class*="language-"] { | ||||||
|  | 	font-size: 1em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, | ||||||
|  | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { | ||||||
|  | 	text-shadow: none; | ||||||
|  | 	background: #5151e6; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, | ||||||
|  | code[class*="language-"]::selection, code[class*="language-"] ::selection { | ||||||
|  | 	text-shadow: none; | ||||||
|  | 	background: #5151e6; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Code blocks */ | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	padding: 1em; | ||||||
|  | 	margin: .5em 0; | ||||||
|  | 	overflow: auto; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Inline code */ | ||||||
|  | :not(pre) > code[class*="language-"] { | ||||||
|  | 	padding: .1em; | ||||||
|  | 	border-radius: .3em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.comment, | ||||||
|  | .token.prolog, | ||||||
|  | .token.doctype, | ||||||
|  | .token.cdata { | ||||||
|  | 	color: #5b5b76; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.punctuation { | ||||||
|  | 	color: #5b5b76; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.namespace { | ||||||
|  | 	opacity: .7; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.tag, | ||||||
|  | .token.operator, | ||||||
|  | .token.number { | ||||||
|  | 	color: #dd672c; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.property, | ||||||
|  | .token.function { | ||||||
|  | 	color: #767693; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.tag-id, | ||||||
|  | .token.selector, | ||||||
|  | .token.atrule-id { | ||||||
|  | 	color: #ebebff; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | code.language-javascript, | ||||||
|  | .token.attr-name { | ||||||
|  | 	color: #aaaaca; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | code.language-css, | ||||||
|  | code.language-scss, | ||||||
|  | .token.boolean, | ||||||
|  | .token.string, | ||||||
|  | .token.entity, | ||||||
|  | .token.url, | ||||||
|  | .language-css .token.string, | ||||||
|  | .language-scss .token.string, | ||||||
|  | .style .token.string, | ||||||
|  | .token.attr-value, | ||||||
|  | .token.keyword, | ||||||
|  | .token.control, | ||||||
|  | .token.directive, | ||||||
|  | .token.unit, | ||||||
|  | .token.statement, | ||||||
|  | .token.regex, | ||||||
|  | .token.atrule { | ||||||
|  | 	color: #fe8c52; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.placeholder, | ||||||
|  | .token.variable { | ||||||
|  | 	color: #fe8c52; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.deleted { | ||||||
|  | 	text-decoration: line-through; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.inserted { | ||||||
|  | 	border-bottom: 1px dotted #ebebff; | ||||||
|  | 	text-decoration: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.italic { | ||||||
|  | 	font-style: italic; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important, | ||||||
|  | .token.bold { | ||||||
|  | 	font-weight: bold; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important { | ||||||
|  | 	color: #aaaaca; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.entity { | ||||||
|  | 	cursor: help; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre > code.highlight { | ||||||
|  | 	outline: .4em solid #7676f4; | ||||||
|  | 	outline-offset: .4em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* overrides color-values for the Line Numbers plugin | ||||||
|  |  * http://prismjs.com/plugins/line-numbers/ | ||||||
|  |  */ | ||||||
|  | .line-numbers.line-numbers .line-numbers-rows { | ||||||
|  | 	border-right-color: #262631; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .line-numbers .line-numbers-rows > span:before { | ||||||
|  | 	color: #393949; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* overrides color-values for the Line Highlight plugin | ||||||
|  | * http://prismjs.com/plugins/line-highlight/ | ||||||
|  | */ | ||||||
|  | .line-highlight.line-highlight { | ||||||
|  | 	background: rgba(221, 103, 44, 0.2); | ||||||
|  | 	background: -webkit-linear-gradient(left, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0)); | ||||||
|  | 	background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0)); | ||||||
|  | } | ||||||
							
								
								
									
										119
									
								
								public/css/prism-holi-theme.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,119 @@ | |||||||
|  | /** | ||||||
|  |  * MIT License | ||||||
|  |  * Copyright (c) 2021 Ayush Saini | ||||||
|  |  * Holi Theme for prism.js | ||||||
|  |  * @author Ayush Saini <@AyushCodes on Twitter> | ||||||
|  |  */ | ||||||
|  | 
 | ||||||
|  | code[class*='language-'], | ||||||
|  | pre[class*='language-'] { | ||||||
|  | 	color: #d6e7ff; | ||||||
|  | 	background: #030314; | ||||||
|  | 	text-shadow: none; | ||||||
|  | 	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; | ||||||
|  | 	font-size: 1em; | ||||||
|  | 	line-height: 1.5; | ||||||
|  | 	letter-spacing: .2px; | ||||||
|  | 	white-space: pre; | ||||||
|  | 	word-spacing: normal; | ||||||
|  | 	word-break: normal; | ||||||
|  | 	word-wrap: normal; | ||||||
|  | 	text-align: left; | ||||||
|  | 
 | ||||||
|  | 	-moz-tab-size: 4; | ||||||
|  | 	-o-tab-size: 4; | ||||||
|  | 	tab-size: 4; | ||||||
|  | 
 | ||||||
|  | 	-webkit-hyphens: none; | ||||||
|  | 	-moz-hyphens: none; | ||||||
|  | 	-ms-hyphens: none; | ||||||
|  | 	hyphens: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*='language-']::-moz-selection, | ||||||
|  | pre[class*='language-'] ::-moz-selection, | ||||||
|  | code[class*='language-']::-moz-selection, | ||||||
|  | code[class*='language-'] ::-moz-selection, | ||||||
|  | pre[class*='language-']::selection, | ||||||
|  | pre[class*='language-'] ::selection, | ||||||
|  | code[class*='language-']::selection, | ||||||
|  | code[class*='language-'] ::selection { | ||||||
|  | 	color: inherit; | ||||||
|  | 	background: #1d3b54; | ||||||
|  | 	text-shadow: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*='language-'] { | ||||||
|  | 	border: 1px solid #2a4555; | ||||||
|  | 	border-radius: 5px; | ||||||
|  | 	padding: 1.5em 1em; | ||||||
|  | 	margin: 1em 0; | ||||||
|  | 	overflow: auto; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | :not(pre) > code[class*='language-'] { | ||||||
|  | 	color: #f0f6f6; | ||||||
|  | 	background: #2a4555; | ||||||
|  | 	padding: 0.2em 0.3em; | ||||||
|  | 	border-radius: 0.2em; | ||||||
|  | 	box-decoration-break: clone; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.comment, | ||||||
|  | .token.prolog, | ||||||
|  | .token.doctype, | ||||||
|  | .token.cdata { | ||||||
|  | 	color: #446e69; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.punctuation { | ||||||
|  | 	color: #d6b007; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.property, | ||||||
|  | .token.tag, | ||||||
|  | .token.boolean, | ||||||
|  | .token.number, | ||||||
|  | .token.constant, | ||||||
|  | .token.symbol, | ||||||
|  | .token.deleted { | ||||||
|  | 	color: #d6e7ff; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.selector, | ||||||
|  | .token.attr-name, | ||||||
|  | .token.builtin, | ||||||
|  | .token.inserted { | ||||||
|  | 	color: #e60067; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.string, | ||||||
|  | .token.char { | ||||||
|  | 	color: #49c6ec; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.operator, | ||||||
|  | .token.entity, | ||||||
|  | .token.url, | ||||||
|  | .language-css .token.string, | ||||||
|  | .style .token.string { | ||||||
|  | 	color: #ec8e01; | ||||||
|  | 	background: transparent; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.atrule, | ||||||
|  | .token.attr-value, | ||||||
|  | .token.keyword { | ||||||
|  | 	color: #0fe468; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.function, | ||||||
|  | .token.class-name { | ||||||
|  | 	color: #78f3e9; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.regex, | ||||||
|  | .token.important, | ||||||
|  | .token.variable { | ||||||
|  | 	color: #d6e7ff; | ||||||
|  | } | ||||||
							
								
								
									
										151
									
								
								public/css/prism-pojoaque.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,151 @@ | |||||||
|  | /* | ||||||
|  |  * Pojoaque Style by Jason Tate | ||||||
|  |  * http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html | ||||||
|  |  * Based on Solarized Style from http://ethanschoonover.com/solarized | ||||||
|  |  * http://softwaremaniacs.org/media/soft/highlight/test.html | ||||||
|  | */ | ||||||
|  | 
 | ||||||
|  | code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	-moz-tab-size: 4; | ||||||
|  | 	-o-tab-size: 4; | ||||||
|  | 	tab-size: 4; | ||||||
|  | 	-webkit-hyphens: none; | ||||||
|  | 	-moz-hyphens: none; | ||||||
|  | 	-ms-hyphens: none; | ||||||
|  | 	hyphens: none; | ||||||
|  | 	white-space: pre; | ||||||
|  | 	white-space: pre-wrap; | ||||||
|  | 	word-break: break-all; | ||||||
|  | 	word-wrap: break-word; | ||||||
|  | 	font-family: Menlo, Monaco, "Courier New", monospace; | ||||||
|  | 	font-size: 15px; | ||||||
|  | 	line-height: 1.5; | ||||||
|  | 	color: #dccf8f; | ||||||
|  | 	text-shadow: 0; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre > code[class*="language-"] { | ||||||
|  | 	font-size: 1em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*="language-"], | ||||||
|  | :not(pre) > code[class*="language-"] { | ||||||
|  | 	border-radius: 5px; | ||||||
|  | 	border: 1px solid #000; | ||||||
|  | 	color: #DCCF8F; | ||||||
|  | 	background: #181914 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==') repeat left top; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	padding: 12px; | ||||||
|  | 	overflow: auto; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | :not(pre) > code[class*="language-"] { | ||||||
|  | 	padding: 2px 6px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.namespace { | ||||||
|  | 	opacity: .7; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.comment, | ||||||
|  | .token.prolog, | ||||||
|  | .token.doctype, | ||||||
|  | .token.cdata { | ||||||
|  | 	color: #586e75; | ||||||
|  | 	font-style: italic; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.number, | ||||||
|  | .token.string, | ||||||
|  | .token.char, | ||||||
|  | .token.builtin, | ||||||
|  | .token.inserted { | ||||||
|  | 	color: #468966; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.attr-name { | ||||||
|  | 	color: #b89859; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.operator, | ||||||
|  | .token.entity, | ||||||
|  | .token.url, | ||||||
|  | .language-css .token.string, | ||||||
|  | .style .token.string { | ||||||
|  | 	color: #dccf8f; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.selector, | ||||||
|  | .token.regex { | ||||||
|  | 	color: #859900; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.atrule, | ||||||
|  | .token.keyword { | ||||||
|  | 	color: #cb4b16; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.attr-value { | ||||||
|  | 	color: #468966; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.function, | ||||||
|  | .token.variable, | ||||||
|  | .token.placeholder { | ||||||
|  | 	color: #b58900; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.property, | ||||||
|  | .token.tag, | ||||||
|  | .token.boolean, | ||||||
|  | .token.number, | ||||||
|  | .token.constant, | ||||||
|  | .token.symbol { | ||||||
|  | 	color: #b89859; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.tag { | ||||||
|  | 	color: #ffb03b; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important, | ||||||
|  | .token.statement, | ||||||
|  | .token.deleted { | ||||||
|  | 	color: #dc322f; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.punctuation { | ||||||
|  | 	color: #dccf8f; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.entity { | ||||||
|  | 	cursor: help; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.bold { | ||||||
|  | 	font-weight: bold; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.italic { | ||||||
|  | 	font-style: italic; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* | ||||||
|  | .pojoaque-colors { | ||||||
|  | 	color: #586e75; | ||||||
|  | 	color: #b64926; | ||||||
|  | 	color: #468966; | ||||||
|  | 	color: #ffb03b; | ||||||
|  | 	color: #b58900; | ||||||
|  | 	color: #b89859; | ||||||
|  | 	color: #dccf8f; | ||||||
|  | 	color: #d3a60c; | ||||||
|  | 	color: #cb4b16; | ||||||
|  | 	color: #dc322f; | ||||||
|  | 	color: #073642; | ||||||
|  | 	color: #181914; | ||||||
|  | } | ||||||
|  | */ | ||||||
							
								
								
									
										140
									
								
								public/css/prism-synthwave84.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,140 @@ | |||||||
|  | /* | ||||||
|  |  * Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code | ||||||
|  |  * Demo: https://marc.dev/demo/prism-synthwave84 | ||||||
|  |  * | ||||||
|  |  * Ported for PrismJS by Marc Backes [@themarcba] | ||||||
|  |  */ | ||||||
|  | 
 | ||||||
|  | code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	color: #f92aad; | ||||||
|  | 	text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3; | ||||||
|  | 	background: none; | ||||||
|  | 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; | ||||||
|  | 	font-size: 1em; | ||||||
|  | 	text-align: left; | ||||||
|  | 	white-space: pre; | ||||||
|  | 	word-spacing: normal; | ||||||
|  | 	word-break: normal; | ||||||
|  | 	word-wrap: normal; | ||||||
|  | 	line-height: 1.5; | ||||||
|  | 
 | ||||||
|  | 	-moz-tab-size: 4; | ||||||
|  | 	-o-tab-size: 4; | ||||||
|  | 	tab-size: 4; | ||||||
|  | 
 | ||||||
|  | 	-webkit-hyphens: none; | ||||||
|  | 	-moz-hyphens: none; | ||||||
|  | 	-ms-hyphens: none; | ||||||
|  | 	hyphens: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Code blocks */ | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	padding: 1em; | ||||||
|  | 	margin: .5em 0; | ||||||
|  | 	overflow: auto; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | :not(pre) > code[class*="language-"], | ||||||
|  | pre[class*="language-"] { | ||||||
|  | 	background-color: transparent !important; | ||||||
|  | 	background-image: linear-gradient(to bottom, #2a2139 75%, #34294f); | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | /* Inline code */ | ||||||
|  | :not(pre) > code[class*="language-"] { | ||||||
|  | 	padding: .1em; | ||||||
|  | 	border-radius: .3em; | ||||||
|  | 	white-space: normal; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.comment, | ||||||
|  | .token.block-comment, | ||||||
|  | .token.prolog, | ||||||
|  | .token.doctype, | ||||||
|  | .token.cdata { | ||||||
|  | 	color: #8e8e8e; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.punctuation { | ||||||
|  | 	color: #ccc; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.tag, | ||||||
|  | .token.attr-name, | ||||||
|  | .token.namespace, | ||||||
|  | .token.number, | ||||||
|  | .token.unit, | ||||||
|  | .token.hexcode, | ||||||
|  | .token.deleted { | ||||||
|  | 	color: #e2777a; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.property, | ||||||
|  | .token.selector { | ||||||
|  | 	color: #72f1b8; | ||||||
|  | 	text-shadow: 0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.function-name { | ||||||
|  | 	color: #6196cc; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.boolean, | ||||||
|  | .token.selector .token.id, | ||||||
|  | .token.function { | ||||||
|  | 	color: #fdfdfd; | ||||||
|  | 	text-shadow: 0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.class-name { | ||||||
|  | 	color: #fff5f6; | ||||||
|  | 	text-shadow: 0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.constant, | ||||||
|  | .token.symbol { | ||||||
|  | 	color: #f92aad; | ||||||
|  | 	text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important, | ||||||
|  | .token.atrule, | ||||||
|  | .token.keyword, | ||||||
|  | .token.selector .token.class, | ||||||
|  | .token.builtin { | ||||||
|  | 	color: #f4eee4; | ||||||
|  | 	text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.string, | ||||||
|  | .token.char, | ||||||
|  | .token.attr-value, | ||||||
|  | .token.regex, | ||||||
|  | .token.variable { | ||||||
|  | 	color: #f87c32; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.operator, | ||||||
|  | .token.entity, | ||||||
|  | .token.url { | ||||||
|  | 	color: #67cdcc; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.important, | ||||||
|  | .token.bold { | ||||||
|  | 	font-weight: bold; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.italic { | ||||||
|  | 	font-style: italic; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.entity { | ||||||
|  | 	cursor: help; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .token.inserted { | ||||||
|  | 	color: green; | ||||||
|  | } | ||||||
							
								
								
									
										91
									
								
								public/css/scanlines.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,91 @@ | |||||||
|  | /* LIST OF FURTHER IMPROVEMENTS */ | ||||||
|  | /* | ||||||
|  | currently working on : | ||||||
|  | calculation draft for keyframes steps | ||||||
|  | 
 | ||||||
|  | $scan-moving-duration: 3s; | ||||||
|  | $scan-moving-delay: 7s; | ||||||
|  | 
 | ||||||
|  | total time = 10s (duration + delay) | ||||||
|  | keyframes : | ||||||
|  |     0%: wait | ||||||
|  |     15%: start moving | ||||||
|  |     85%: end moving & start waiting | ||||||
|  |     100% : wait | ||||||
|  | 
 | ||||||
|  | (the rest later) | ||||||
|  | 
 | ||||||
|  | */ | ||||||
|  | /* REGULAR SCANLINES SETTINGS */ | ||||||
|  | /* MOVING SCANLINE SETTINGS */ | ||||||
|  | /* MIXINS */ | ||||||
|  | /* CSS .scanlines CLASS */ | ||||||
|  | 
 | ||||||
|  | /* .screen::before { | ||||||
|  |   background: transparent linear-gradient(to bottom, #85908c 0%, #323431 100%) repeat scroll 0 0; | ||||||
|  |   content: ""; | ||||||
|  |   position: absolute; | ||||||
|  |   left: 50%; | ||||||
|  |   top: 50%; | ||||||
|  |   transform: translate3d(-50%, -50%, 0); | ||||||
|  |   width: 100%; | ||||||
|  |   height: 100%; | ||||||
|  |   z-index: -1; | ||||||
|  | } */ | ||||||
|  | 
 | ||||||
|  | .scanlines { | ||||||
|  |     background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png'); | ||||||
|  |     position: relative; | ||||||
|  |     overflow: hidden; | ||||||
|  |     /* margin-bottom: 20px; */ | ||||||
|  |   } | ||||||
|  |   .scanlines:before, .scanlines:after { | ||||||
|  |     display: block; | ||||||
|  |     pointer-events: none; | ||||||
|  |     content: ""; | ||||||
|  |     position: absolute; | ||||||
|  |   } | ||||||
|  |   .scanlines:before { | ||||||
|  |     width: 100%; | ||||||
|  |     height: 2px; | ||||||
|  |     z-index: 2147483649; | ||||||
|  |     background: rgba(0, 0, 0, 0.2); | ||||||
|  |     opacity: 0.1; | ||||||
|  |     -webkit-animation: scanline 6s linear infinite; | ||||||
|  |             animation: scanline 6s linear infinite; | ||||||
|  |   } | ||||||
|  |   .scanlines:after { | ||||||
|  |     top: 0; | ||||||
|  |     right: 0; | ||||||
|  |     bottom: 0; | ||||||
|  |     left: 0; | ||||||
|  |     z-index: 2147483648; | ||||||
|  |     background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.2) 51%); | ||||||
|  |     background-size: 100% 4px; | ||||||
|  |     -webkit-animation: scanlines 1s steps(60) infinite; | ||||||
|  |             animation: scanlines 1s steps(60) infinite; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   /* ANIMATE UNIQUE SCANLINE */ | ||||||
|  |   @-webkit-keyframes scanline { | ||||||
|  |     0% { | ||||||
|  |       transform: translate3d(0, 200000%, 0); | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  |   @keyframes scanline { | ||||||
|  |     0% { | ||||||
|  |       transform: translate3d(0, 200000%, 0); | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  |   @-webkit-keyframes scanlines { | ||||||
|  |     0% { | ||||||
|  |       background-position: 0 50%; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  |   @keyframes scanlines { | ||||||
|  |     0% { | ||||||
|  |       background-position: 0 50%; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  |   /* PRESENTATION STUFF */ | ||||||
|  |    | ||||||
							
								
								
									
										1501
									
								
								public/css/style.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										1479
									
								
								public/figlet.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						| Before Width: | Height: | Size: 910 B After Width: | Height: | Size: 910 B | 
| Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 841 B | 
| Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 841 B | 
| Before Width: | Height: | Size: 788 B After Width: | Height: | Size: 788 B | 
| Before Width: | Height: | Size: 961 B After Width: | Height: | Size: 961 B | 
| Before Width: | Height: | Size: 479 B After Width: | Height: | Size: 479 B | 
| Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB | 
							
								
								
									
										125
									
								
								public/friskSprites/indexOrg.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,125 @@ | |||||||
|  | 
 | ||||||
|  |         <!DOCTYPE html> | ||||||
|  |         <html lang="en"> | ||||||
|  |           <head> | ||||||
|  |             <meta charset="UTF-8"> | ||||||
|  |             <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|  |             <title>Görkem's Café</title> | ||||||
|  |              | ||||||
|  |             <link rel="stylesheet" href="https://unpkg.com/98.css"> | ||||||
|  |             <link rel="stylesheet" href="style.css"> | ||||||
|  |           </head> | ||||||
|  |           <body> | ||||||
|  | 
 | ||||||
|  |          | ||||||
|  |          | ||||||
|  |             <div id="container"><div id="header" style=" height: 130px; background-position: center center;"></div> | ||||||
|  |             <div id="headerArea"> | ||||||
|  |                  | ||||||
|  |                 <nav id="navbar" style="margin-bottom: 10px;"> | ||||||
|  |                     <ul> | ||||||
|  |                         <li><a href="#"><button  onclick="location.href='./index3.html';"><img class="icon" style="vertical-align: middle;" src="./icons/address_book_home.png"></img><h4>Home</h4></button></a></li> | ||||||
|  |                         <li><a href="#"><button ><img class="icon" style="vertical-align: middle;" src="./icons/defragment-0.png"></img><h4>Projects</h4></button></a></li> | ||||||
|  |                         <li><a href="#"><button  class="active"><img class="icon" style="vertical-align: middle;" src="./icons/network_cool_two_pcs-5.png"></img><h4>Café</h4></button></a></li> | ||||||
|  |                         <!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> --> | ||||||
|  |                         <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/help_sheet-0.png"></img><h4>About</h4></button></a></li> | ||||||
|  |                         <li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/internet_connection_wiz-0.png"></img><h4>Links</h4></button></a></li> | ||||||
|  |                         <!-- <li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/address_book_pad_users.png"></img><h4>Teaching</h4></button></a></li> --> | ||||||
|  |                         <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/expand_hierarchial_array-0.png"></img><h4>Sitemap</h4></button></a></li> | ||||||
|  | 
 | ||||||
|  |                     </ul> | ||||||
|  |                 </nav>     | ||||||
|  |             </div> | ||||||
|  |             <div class="tooltip" role="tooltip"> | ||||||
|  |                 <emoji-picker></emoji-picker> | ||||||
|  |               </div> | ||||||
|  | 
 | ||||||
|  |             <div id="flex"> | ||||||
|  | 
 | ||||||
|  |                  | ||||||
|  |                 <!-- <aside id="leftSidebar" style="margin-right: 10px;"> --> | ||||||
|  |                     <!-- <div class="title">Navigation</div> --> | ||||||
|  |                     <!-- <h2>Updates</h2> --> | ||||||
|  |                     <!-- <h2>🏠Home</h2> | ||||||
|  |                     <h2>❓About</h2> | ||||||
|  |                     <h2>🛠️DIY</h2> | ||||||
|  |                     <h2>📓Notes</h2> --> | ||||||
|  |                     <!-- <div class="box"> | ||||||
|  | 
 | ||||||
|  |                     </div> --> | ||||||
|  | 
 | ||||||
|  |                 <!-- </aside> --> | ||||||
|  |                 <div class="left-box"> | ||||||
|  |                 <div class="window main-left"> | ||||||
|  |                 <div class="title-bar"> | ||||||
|  |                     <div class="title-bar-text">Lounge.exe</div> | ||||||
|  |                     <div class="title-bar-controls"> | ||||||
|  |                         <!-- <button aria-label="Help"></button> --> | ||||||
|  |                         <button disabled aria-label="Close"></button> | ||||||
|  |                       </div> | ||||||
|  |                 </div> | ||||||
|  |             <div class="window-body"> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |                 <main> | ||||||
|  |                     <canvas id="canvas"></canvas> | ||||||
|  | 
 | ||||||
|  |                     <!-- <canvas id="canvas"></canvas> --> | ||||||
|  |                      | ||||||
|  |                     <form id="textInput" action="" > | ||||||
|  |                        <div class="inputWrapper"> <input placeholder="Say something" maxlength="20" required="required" id="input" autocomplete="off" /><button type="button" id="emojiButton">🙂</button></div><button id="messageButton">Send</button> | ||||||
|  |                       </form> | ||||||
|  |                        | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |                      | ||||||
|  |                 </main> | ||||||
|  |                  | ||||||
|  |             </div> | ||||||
|  |             </div> | ||||||
|  |             | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |          | ||||||
|  |          | ||||||
|  |             </div> | ||||||
|  |             <div class="right-box"> | ||||||
|  |                 <div class="window main-right"> | ||||||
|  |                     <div class="title-bar inactive"> | ||||||
|  |                         <div class="title-bar-text">Instructions.txt</div> | ||||||
|  |                         <div class="title-bar-controls"> | ||||||
|  |                             <button aria-label="Help"></button> | ||||||
|  |                              | ||||||
|  |                           </div> | ||||||
|  |                     </div> | ||||||
|  |                 <div class="window-body"> | ||||||
|  |                 <aside id="rightSidebar"> | ||||||
|  |                    <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  |                    <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  |                    <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  | 
 | ||||||
|  |                 </aside> | ||||||
|  |                 </div> | ||||||
|  |                 </div> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |             </div> | ||||||
|  |             </div> | ||||||
|  |             <footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer> | ||||||
|  |         </div> | ||||||
|  |         <!-- THIS IS THE CSS !--> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |      | ||||||
|  | </body> | ||||||
|  | <script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script> | ||||||
|  | <script src="./classes/Sprite.js"></script> | ||||||
|  | <script src="./classes/Player.js"></script> | ||||||
|  | <script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script> | ||||||
|  | <script type="module" src="popup.js"></script> | ||||||
|  | <script src="index.js"></script> | ||||||
|  | 
 | ||||||
|  | </html> | ||||||
							
								
								
									
										179
									
								
								public/friskSprites/indexTEST.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,179 @@ | |||||||
|  | <!DOCTYPE html> | ||||||
|  | <html lang="en"> | ||||||
|  | 
 | ||||||
|  | <head> | ||||||
|  |   <meta charset="UTF-8"> | ||||||
|  |   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|  |   <title>CYber Café</title> | ||||||
|  |   <link rel="icon" type="image/gif" href="/favicon.gif"> | ||||||
|  | 
 | ||||||
|  |   <link rel="stylesheet" href="/css/custom98.css"> | ||||||
|  |   <link rel="stylesheet" href="/css/cafe.css"> | ||||||
|  |   <!-- <link rel="stylesheet" href="https://unpkg.com/98.css"> --> | ||||||
|  |   <link rel="stylesheet" href="/css/style.css"> | ||||||
|  |   <link rel="stylesheet" href="/css/scanlines.css"> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script> | ||||||
|  |   <script type="text/javascript" src="/figlet.js"></script> | ||||||
|  | 
 | ||||||
|  | </head> | ||||||
|  | 
 | ||||||
|  | <body> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <div id="container"> | ||||||
|  |     <div class="headerContainer"> | ||||||
|  |     <div class="scanlines"> | ||||||
|  |       <div class="screen"> | ||||||
|  |       <!-- <div class="asciiArt">Görkem's Webspace</div> --> | ||||||
|  |       <div class="asciiArt">Cyber Cafe</div> | ||||||
|  |       <script> | ||||||
|  |         figlet.defaults({ fontPath: "/css" }); | ||||||
|  |         ascii = document.getElementsByClassName("asciiArt"); | ||||||
|  | 
 | ||||||
|  |         figlet(ascii[0].innerText, "big", function (err, text) { | ||||||
|  |           if (err) { | ||||||
|  |             console.log("something went wrong..."); | ||||||
|  |             console.dir(err); | ||||||
|  |             return; | ||||||
|  |           } | ||||||
|  |           console.log(text); | ||||||
|  |           ascii = document.getElementsByClassName("asciiArt"); | ||||||
|  |           console.log(ascii); | ||||||
|  |           ascii[0].innerText = text; | ||||||
|  |         }); | ||||||
|  | 
 | ||||||
|  |       </script> | ||||||
|  | 
 | ||||||
|  |       <!-- <div class="asciiArt">  _____ _   _      _                  _      __          __  _                               | ||||||
|  |  / ____(_) (_)    | |                ( )     \ \        / / | |                              | ||||||
|  | | |  __  ___  _ __| | _____ _ __ ___ |/ ___   \ \  /\  / /__| |__  ___ _ __   __ _  ___ ___  | ||||||
|  | | | |_ |/ _ \| '__| |/ / _ \ '_ ` _ \  / __|   \ \/  \/ / _ \ '_ \/ __| '_ \ / _` |/ __/ _ \ | ||||||
|  | | |__| | (_) | |  |   <  __/ | | | | | \__ \    \  /\  /  __/ |_) \__ \ |_) | (_| | (_|  __/ | ||||||
|  |  \_____|\___/|_|  |_|\_\___|_| |_| |_| |___/     \/  \/ \___|_.__/|___/ .__/ \__,_|\___\___| | ||||||
|  |                                                                       | |             v1.2.1 | ||||||
|  | </div> --> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  |       <!-- <div id="header" style=" height: 130px; background-position: center center;"></div> --> | ||||||
|  |       <div id="headerArea"> | ||||||
|  | 
 | ||||||
|  |         <nav id="navbar" style=""> | ||||||
|  |           <ul> | ||||||
|  | 
 | ||||||
|  |             <li><button onclick="location.href='/';" class=""><img class="icon" | ||||||
|  |                   style="vertical-align: middle;" src="/images/icons/address_book_home.png"></img> | ||||||
|  |                 <h4>Home</h4> | ||||||
|  |               </button></li> | ||||||
|  |             <li><button onclick="location.href='/projects';" class=""><img | ||||||
|  |                   class="icon" style="vertical-align: middle;" src="/images/icons/defragment-0.png"></img> | ||||||
|  |                 <h4>Projects</h4> | ||||||
|  |               </button></li> | ||||||
|  |             <li><button onclick="location.href='/blog';" class=""><img class="icon" | ||||||
|  |                   style="vertical-align: middle;" | ||||||
|  |                   src="/images/icons/newspaper.png"></img> | ||||||
|  |                 <h4>Blog</h4> | ||||||
|  |               </button></li> | ||||||
|  |             <li><button disabled onclick="javascript:location.href='http://cafe.gorkem.cc'"><img class="icon" | ||||||
|  |                   style="vertical-align: middle;filter: grayscale(100%);" src="/images/icons/network_cool_two_pcs-5.png"></img> | ||||||
|  |                 <h4>Café</h4> | ||||||
|  |               </button></a></li> | ||||||
|  |             <!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> --> | ||||||
|  |             <li><button disabled onclick="location.href='/about';" class=""><img | ||||||
|  |                   class="icon" style="vertical-align: middle;filter: grayscale(100%);" src="/images/icons/help_sheet-0.png"></img> | ||||||
|  |                 <h4>About</h4> | ||||||
|  |               </button></li> | ||||||
|  |             <li><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" | ||||||
|  |                     src="/images/icons/internet_connection_wiz-0.png"></img> | ||||||
|  |                   <h4>Library</h4> | ||||||
|  |                 </button></li> | ||||||
|  | 
 | ||||||
|  |                             <li><button onclick="location.href='/guestbook';" class="" ><img class="icon" style="vertical-align: middle;" | ||||||
|  |                     src="/images/icons/address_book_pad_users.png"></img> | ||||||
|  |                   <h4>Guestbook</h4> | ||||||
|  |                 </button></li> | ||||||
|  | 
 | ||||||
|  |              | ||||||
|  | 
 | ||||||
|  |           </ul> | ||||||
|  |         </nav> | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |     </div> | ||||||
|  |                 <div class="tooltip" role="tooltip"> | ||||||
|  |                 <emoji-picker></emoji-picker> | ||||||
|  |               </div> | ||||||
|  |     <div id="flex"> | ||||||
|  |   <div class="loungeContainer"> | ||||||
|  |     <div class="window main-left"> | ||||||
|  |       <div class="title-bar"> | ||||||
|  |         <div class="title-bar-text">Lounge.exe</div> | ||||||
|  |         <div class="title-bar-controls"> | ||||||
|  |           <!-- <button aria-label="Help"></button> --> | ||||||
|  |           <button disabled aria-label="Close"></button> | ||||||
|  |         </div> | ||||||
|  |       </div> | ||||||
|  |       <div class="window-body"> | ||||||
|  | 
 | ||||||
|  |          | ||||||
|  |           <canvas id="canvas"></canvas> | ||||||
|  | 
 | ||||||
|  |           <!-- <canvas id="canvas"></canvas> --> | ||||||
|  | 
 | ||||||
|  |           <form id="textInput" action="" > | ||||||
|  |             <div class="inputWrapper"> | ||||||
|  |               <input placeholder="Say something" maxlength="20" required="required" id="input" autocomplete="off"/><button type="button" id="emojiButton">🙂</button> | ||||||
|  |             </div> | ||||||
|  |             <button id="messageButton">Send</button> | ||||||
|  |           </form> | ||||||
|  | 
 | ||||||
|  |          | ||||||
|  | 
 | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  | 
 | ||||||
|  |   </div> | ||||||
|  |   <div class="loungeText"> | ||||||
|  |     <div class="window main-right"> | ||||||
|  |       <div class="title-bar inactive"> | ||||||
|  |         <div class="title-bar-text">Instructions.txt</div> | ||||||
|  |         <div class="title-bar-controls"> | ||||||
|  |           <button aria-label="Help"></button> | ||||||
|  | 
 | ||||||
|  |         </div> | ||||||
|  |       </div> | ||||||
|  |       <div class="window-body"> | ||||||
|  |         <aside id="rightSidebar"> | ||||||
|  |           <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  |           <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  |           <p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p> | ||||||
|  | 
 | ||||||
|  |         </aside> | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  | 
 | ||||||
|  |   </div> | ||||||
|  | 
 | ||||||
|  | </div> | ||||||
|  |        | ||||||
|  |     <footer id="footer"><img src="/images/icons/www.gif"></img></footer> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   </div> | ||||||
|  |   <!-- THIS IS THE CSS !--> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | </body> | ||||||
|  | <script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script> | ||||||
|  | <script src="./classes/Sprite.js"></script> | ||||||
|  | <script src="./classes/Player.js"></script> | ||||||
|  | <script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script> | ||||||
|  | <script type="module" src="popup.js"></script> | ||||||
|  | <script src="index.js"></script> | ||||||
|  | 
 | ||||||
|  |   <script data-goatcounter="https://gorky.goatcounter.com/count" | ||||||
|  |         async src="//gc.zgo.at/count.js"></script> | ||||||
|  | </html> | ||||||
| Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/1dEdQoa.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 670 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/GuestbookSpell.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 11 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/HeaderTest.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 254 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/ISupportOpenSourceSoftware-boyslime.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.0 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/Project Images/OTES.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 472 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/Project Images/marbleClock.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 430 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/Project Images/trinteract.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 231 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/SilentHill3.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.9 MiB | 
| Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/battleback_ow_download.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 65 KiB | 
| Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/bluenoise.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/1bookmark.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 611 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/3passion.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/456636y6irlp4fwp.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/affection.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 833 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/another.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 383 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/bestvw.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/blender.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.0 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/bookmark_this_page.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 556 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/button139.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 940 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/button257.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/cfs.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 5.3 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/email-icon.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 4.9 KiB | 
| After Width: | Height: | Size: 5.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/graphicdesign.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 3.0 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/hackerpowered.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/ilovehorror.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.6 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/keep.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 444 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/makeawebsite.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 4.6 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/nocookie.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 581 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/point_down.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 30 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/powered.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 9.6 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/psbutton.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 429 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/rtr.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 4.6 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/seedyourtorrents.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/sendit.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.5 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/signguest.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 771 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/step1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 3.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/tumblr_n3xtofCV8I1trzml2o1_500.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 590 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/tumblr_pz87cap0SM1yq36ibo1_250.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 557 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/tumblr_pz89njhPQL1yq36ibo1_75sq.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 762 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/buttons/worldwideweb_badge.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.8 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/carpet.JPG
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 274 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/comp.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 44 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/construction.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 3.0 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/favicon2.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/hallo.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 2.5 MiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/accessibility_window_objs.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 494 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/address_book_home.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 537 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/address_book_pad.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 455 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/address_book_pad_users.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 552 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/chm-1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 426 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/connected_world-0 (1).png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 677 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/connected_world-0.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 677 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/construction.gif
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 5.5 KiB | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/defragment-0.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 563 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/desktop_w95-0.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 526 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/directory_folder_options-2.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 792 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/directory_fonts-1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 624 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/display_properties-3.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 731 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/icons/entire_network_globe-2.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 861 B |