328 lines
54 KiB
HTML
328 lines
54 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="color-scheme" content="dark light">
|
|
<meta name="description" content="The privacy-respecting foxxo that likes modern UI & contributing to open-source (and foxes !! !!1) - This page requires no Javascript.">
|
|
<title>Freeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</title>
|
|
<link rel="stylesheet" href="style.min.css">
|
|
<link rel="shortcut icon" href="assets/blobfox/revblobfoxfloofreach.png" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<section id="warning">
|
|
<div>Don't let Google & Chromium take over the web<small>They have the power to do so <a href="https://en.m.wikipedia.org/wiki/Web_Environment_Integrity">and have attempted to before </a></small></div><a class="button" href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"><span>Switch to Firefox now</span><br/><span class="tooltip">The only other mainstream browser that isn't ran on Chromium :D</span></a>
|
|
<div class="img-container"><img class="filter-glow low" src="assets/blobfox/blobfoxangry.svg" alt="blob fox angry"></div>
|
|
</section>
|
|
<div class="scroller"> <a id="skip-to-content" href="#boop">Skip to content </a>
|
|
<div id="parallax-foxxos">
|
|
<div> <span style="position: absolute; left:60%; top:20px; transform: scale(0.2) rotate(10deg)"><img src="assets/blobfox/blobfoxtrash.svg" alt=""></span><span style="position: absolute; left:65%; top:200px; transform: scale(0.4) rotate(10deg)"><img src="assets/blobfox/blobfoxfloofcute.svg" alt=""></span><span style="position: absolute; left:30%; top:370px; transform: scale(-0.5) rotate(-30deg)"><img src="assets/blobfox/blobfoxsurprised.svg" alt=""></span>
|
|
</div>
|
|
</div>
|
|
<div id="parallax-foxxos">
|
|
<div> <span style="position: absolute; left:50%; top:250px; transform: scale(0.2) rotate(20deg)"><img src="assets/blobfox/blobfoxdevil.svg" alt=""></span><span style="position: absolute; left:60%; top:450px; transform: scale(0.4) rotate(10deg)"><img src="assets/blobfox/blobfoxfloof.svg" alt=""></span><span style="position: absolute; left:65%; top:-20px; transform: scale(0.2) rotate(5deg)"><img src="assets/blobfox/blobfoxreachaww.svg" alt=""></span><span style="position: absolute; left:20%; top:270px; transform: scale(0.5) rotate(-10deg)"><img src="assets/blobfox/blobfoxyandere.svg" alt=""></span>
|
|
</div>
|
|
</div>
|
|
<div class="bg">
|
|
<input id="MORE" type="checkbox" name="moreFoxxos">
|
|
<label for="MORE" aria-label="More foxxos?" aria-hidden="true"> <span>More fox</span><span>xos?</span><span class="hidden animate"> <span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span><span><span>FOX</span></span></span></label>
|
|
<div class="streaks"><img src="assets/streaks3.svg" alt="" width="0"><img src="assets/streaks3.svg" alt="" width="0"></div>
|
|
<div class="hehehe" aria-hidden="true"><span class="hehe"> <img src="assets/blobfox/ablobfoxbongoterrified.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxboopfloof.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/ablobfoxbongo.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/ablobfoxbongohyper.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxfloof.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/ablobfoxbongohyper.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxblush.svg" alt="" loading="lazy" width="40"/></span><span class="hehe"> <img src="assets/blobfox/blobfoxdizzy.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxboopowo.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxwashingmachine.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxuwu.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxyeet.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxwet.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxwhoaa.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxtrash.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxsnugowo.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxbonk.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxboopfloof.svg" alt="" loading="lazy" width="40"/></span></div>
|
|
<div class="hehehe" aria-hidden="true"><span class="hehe"><img src="assets/blobfox/ablobfoxbongohyper.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxartist.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxbox.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/ablobfoxbongohyper.png" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxfloofdevil.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxfloofreach.svg" alt="" loading="lazy" width="40"/></span><span class="hehe"> <img src="assets/blobfox/blobfox3c.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxevil.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxinnocentcute.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxfloofdevil.svg" alt="" loading="lazy" width="40"/></span><span class="hehe"><img src="assets/blobfox/blobfoxsleep.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxwater.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxuno.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxthisisfine.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxsmirk.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxsmirk.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxmlem.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxgoogly.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxsmug.svg" alt="" loading="lazy" width="40"/></span><span class="hehe hidden"> <img src="assets/blobfox/blobfoxstabbed.svg" alt="" loading="lazy" width="40"/></span></div>
|
|
<h1 class="animate" aria-label="Free"><span aria-hidden="true"><span contenteditable>F</span></span><span aria-hidden="true"><span contenteditable>R</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span><span aria-hidden="true"><span contenteditable>E</span></span>
|
|
</h1>
|
|
<p contenteditable>No JS Needed!</p>
|
|
</div>
|
|
<div id="hero"><svg class="wave_lol" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="-684.969 -619.243 3377.446 2563.268" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-c1146dd0-31d5-11ed-bc28-d9982ab34c2f"><g id="fills-c1146dd0-31d5-11ed-bc28-d9982ab34c2f"><path rx="0" ry="0" d="M2692.477,1069.262L1958.498,170.824C1958.498,170.824,1958.498,170.824,1958.498,170.824C1210.933,183.809,1340.432,368.27,972.63,430.866C735.248,471.266,633.979,595.778,500.425,560.008C41.372,437.057,117.555,10.163,117.555,10.163L-436.183,1069.262L2692.477,1069.262Z" style="fill-opacity: 1;"/></g></g></svg>
|
|
<section id="info">
|
|
<div>
|
|
<div class="pfp filter-glow low">
|
|
<input id="boop" type="checkbox" name="boop" aria-label="Boop Freeplay"><img class="pfp" src="assets/blobfox/blobfoxfloofhappy.svg" alt="Blob Fox Floof Happy"><img class="pfp" src="assets/blobfox/blobfoxboopfloof.svg" alt="Blob Fox Floof Boop"><img class="pfp" src="assets/blobfox/blobfoxfloofcute.svg" alt="Blob Fox Floof Boop">
|
|
</div>
|
|
<h1 class="glow">Freeplay </h1>
|
|
<p>The privacy-respecting foxxo that likes modern UI & contributing to open-source<span class="hide glow"> (and foxes !! 1!)</span></p>
|
|
<div class="links"><a class="button" href="https://md.ilyamikcoder.com/@Freeplay" target="_blank" rel="me"><span>Project Updates</span><br/><span class="tooltip">@freeplay@md.ilyamikcoder.com<br>Where I post updates to some projects</span></a><a class="button" href="https://codeberg.org/Freeplay?tab=repositories" target="_blank"><span>Projects Git</span><br/><span class="tooltip">@freeplay@codeberg.org<br>Where I put my stuff</span></a><a class="button" href="https://git.gay/freeplay" target="_blank"><span>Git 2</span><br/><span class="tooltip">@freeplay@git.gay<br>the gayer one <img src='assets/spinny_nb_smol.gif' /></span></a><a class="button" href="https://github.com/Freeplayg" target="_blank"><span>Github</span><br/><span class="tooltip">Contributions<br> & Issues</span></a><a class="button" href="https://www.buymeacoffee.com/Freeplay" target="_blank"><span>Donate</span><br/><span class="tooltip">If you support my work,<br>but only if you can afford to :)</span></a>
|
|
<details>
|
|
<summary class="button"> <span>More about me !!</span><span class="tooltip">Info & other stuff </span></summary>
|
|
<div>
|
|
<div>
|
|
<h3 class="glow"> My name is Free! </h3>
|
|
<div class="links"> <a class="button" href="https://pronouns.cc/@freeplay" target="_blank"><span>they/it/fox</span><br/><span class="tooltip">pronouns.cc</span></a>
|
|
</div>
|
|
<h3 class="glow">Social Media</h3><span>Accounts not listed here is probably not me or an inactive account.</span>
|
|
<div class="links"><a class="button" href="https://wetdry.world/@freeplay" target="_blank" rel="me"><span>Main Account</span><br/><span class="tooltip">@freeplay@wetdry.world<br>The place where I fox</span></a><a class="button" href="https://brands.town/@FoxNews" target="_blank"><span>The REAL Fox News</span><br/><span class="tooltip">@foxnews@brands.town<br>IT'S NOT WHAT YOU THINK</span></a><a class="button" href="https://mastodon.online/@freeplay" target="_blank" rel="me"><span>mastodon.online</span><br/><span class="tooltip">@freeplay@mastodon.online<br>Mainly for testing vanilla Mastodon</span></a>
|
|
</div>
|
|
<h3 class="glow">Buttons !!</h3><span>
|
|
If yours is broken or we're mutuals and want to be added please lmk on fedi <img src="assets/blobfox/ablobfoxbongohyper.png" alt="" loading="lazy"></span>
|
|
<div class="links smoll-buttons"> <a href="/"> <img src="assets/buttons/free.gif" loading="lazy"/><span class="tooltip">Meeeeeeeeeeeeee</span></a><a href="https://houl.floof.company/"> <img src="https://houl.floof.company//assets/img/button.png" loading="lazy"/><span class="tooltip">Houl</span></a><a href="https://sneexy.pages.gay/"><img src="https://sneexy.pages.gay/assets/buttons/sneexy.png" loading="lazy"/><span class="tooltip">Sneexy</span></a><a href="https://nano.lgbt/"><img src="https://nano.lgbt/buttons/nano.png" loading="lazy"/><span class="tooltip">nano </span></a><a href="https://zenthefox.online/"><img src="https://zenthefox.online/img/button/zennow.gif" loading="lazy"/><span class="tooltip">Zen Now!</span></a><a href="https://tauon.dev/"><img src="https://tauon.dev/images/88x31/lily.png" loading="lazy"/><span class="tooltip">lily :3</span></a><a href="https://natty.gay/"><img src="assets/buttons/natty.png" loading="lazy"/><span class="tooltip">Fox</span></a>
|
|
<div class="break"><br/></div><a href="https://besties.house/"><img src="https://besties.house/buttons/besties.gif" loading="lazy"/><span class="tooltip">besties.house<br>first unionized group chat</span></a><a href="https://constellatory.net/"><img src="assets/buttons/constellatory.png" loading="lazy"/><span class="tooltip">Constellatory</span></a><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="assets/buttons/firefox.png" loading="lazy"/><span class="tooltip">Take back the web<br>Firefox</span></a><a href="https://fediverse.info/"><img src="assets/buttons/fediverse.gif" loading="lazy"/><span class="tooltip">Join the<br>Fediverse!!!</span></a><a href="https://fedoraproject.org/workstation/"><img src="assets/buttons/xenia.gif" loading="lazy"/><span class="tooltip">Linux<br>NOW!</span></a><a href="https://ublockorigin.com/"><img src="assets/buttons/ublock.png" loading="lazy"/><span class="tooltip">uBlock Origin<br>Now!!!</span></a><a href="https://git.gay/freeplay/pages"><img src="assets/buttons/paws.png" loading="lazy"/><span class="tooltip">made with MY OWN TWO PAWS<br>Website Source</span></a><a href="https://techforpalestine.org/learn-more/"><img src="assets/buttons/freePalestineButton.png" loading="lazy"/><span class="tooltip">FREE<br>PALESTINE</span></a><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started"><img src="assets/buttons/learn_html.gif" loading="lazy"/><span class="tooltip">HTML<br>Learn it today!</span></a><a href="https://api.tinyfox.dev/img?animal=fox"><img src="assets/buttons/foxfoxfox.png" loading="lazy"/><span class="tooltip">fox fox fox<br>fox fox</span></a><a href="https://yesterweb.org/no-to-web3/"><img src="https://yesterweb.org/no-to-web3/img/roly-saynotoweb3.gif" loading="lazy"/><span class="tooltip">SAY NO TO WEB3<br>KEEP THE WEB FREE</span></a>
|
|
</div><br><br>
|
|
<p>the fox boops you <img src="assets/blobfox/blobfoxboopfloof.svg" alt="" loading="lazy"></p>
|
|
<p>i don't know what else to put here <img src="assets/blobfox/blobfoxfloof.svg" alt="" loading="lazy"></p>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="sections">
|
|
<section class="section">
|
|
<article class="card-big full-width">
|
|
<div class="normal-width">
|
|
<div>
|
|
<h3 class="glow low">Firefox Onebar</h3>
|
|
<p>Combines Firefox's title & toolbar into one bar.</p>
|
|
<div class="links column"> <a class="button" href="https://codeberg.org/Freeplay/Firefox-Onebar" target="_blank"><span>Install on Codeberg</span><br/><span class="tooltip">And view the source code!</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="slider">
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="project-assets/onebar/images/header.png" alt="" loading="lazy"/>
|
|
</div>
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="project-assets/onebar/images/search.png" alt="" loading="lazy"/>
|
|
</div>
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="project-assets/onebar/images/customizations.png" alt="" loading="lazy"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card-big full-width">
|
|
<div class="normal-width">
|
|
<div>
|
|
<h3 class="glow low">Mastodon Modern</h3>
|
|
<p>A UserStyle and theme that drastically improves the look & feel of Mastodon</p>
|
|
<div class="links column"> <a class="button" href="https://userstyles.world/style/4773" target="_blank"><span>Install W/ Stylus</span><br/><span class="tooltip">Use on any server!<br>Maybe review?</span></a><a class="button" href="https://codeberg.org/Freeplay/Mastodon-Modern" target="_blank"><span>Repository</span><br/><span class="tooltip">Install for your own instance,<br>Report Issues, Give it a star! 🌟</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="slider">
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="assets/modern-thumbnail.webp" alt="" loading="lazy"/>
|
|
</div>
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="assets/modern-light-theme-post.webp" alt="" loading="lazy"/>
|
|
</div>
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="assets/modern-multicolumn-dark.webp" alt="" loading="lazy"/>
|
|
</div>
|
|
<div class="img-container">
|
|
<div class="top-left"> </div>
|
|
<div class="top-right"> </div>
|
|
<div class="bottom-left"> </div>
|
|
<div class="bottom-right"> </div>
|
|
<div class="top-middle"> </div>
|
|
<div class="bottom-middle"> </div>
|
|
<div class="center"> </div><img src="assets/modern-dark-theme-post.webp" alt="" loading="lazy"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<section class="section">
|
|
<div class="card-list three">
|
|
<article class="card-img">
|
|
<h3>Bootleg animal ears for Mastodon</h3>
|
|
<div class="img-container"> <img src="https://userstyles.world/preview/15031/0t.webp" alt="" loading="lazy"/>
|
|
<div class="info">
|
|
<p>Adds animal ears to pfp's based on keywords</p><a class="button" href="https://userstyles.world/style/15031" target="_blank"><span>Install W/ Stylus</span><br/><span class="tooltip"></span></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card-img">
|
|
<h3>Tutanota Modern</h3>
|
|
<div class="img-container"> <img src="https://userstyles.world/preview/2325/1t.webp" alt="" loading="lazy"/>
|
|
<div class="info">
|
|
<p>More minimal, neater, and makes drastically better use of space than Tutanota's current design</p><a class="button" href="https://userstyles.world/style/2325" target="_blank"><span>Install W/ Stylus</span><br/><span class="tooltip"></span></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card-img">
|
|
<h3>Ecosia Modern</h3>
|
|
<div class="img-container"> <img src="https://userstyles.world/preview/5296/0t.webp" alt="" loading="lazy"/>
|
|
<div class="info">
|
|
<p>More modern and makes better use of screen space</p><a class="button" href="https://userstyles.world/style/5296/ecosia-modern" target="_blank"><span>Install W/ Stylus</span><br/><span class="tooltip"></span></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card-img">
|
|
<h3>Mastodon Advanced View Plus</h3>
|
|
<div class="img-container"> <img src="https://userstyles.world/preview/7644/0t.webp" alt="" loading="lazy"/>
|
|
<div class="info">
|
|
<p>Adds more customization to Mastodon's Advanced View!</p><a class="button" href="https://userstyles.world/style/7644/mastodon-advanced-view-plus" target="_blank"><span>Install W/ Stylus</span><br/><span class="tooltip"></span></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card-img">
|
|
<h3>Threads for Mastodon Pinafore</h3>
|
|
<div class="img-container"> <img src="https://userstyles.world/preview/11741/0t.webp" alt="" loading="lazy"/>
|
|
<div class="info">
|
|
<p>Mimicks the Threads desktop UI for the Mastodon Pinafore client</p><a class="button" href="https://userstyles.world/style/11741" target="_blank"><span>install W/ Stylus</span><br/><span class="tooltip"></span></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
<section class="section"> <a class="button with-icon" href="https://userstyles.world/user/freeplay?page=1&sort=recentlyupdated" target="_blank"><span>View all of my UserStyles!</span><br/><span class="tooltip">on UserStyles.world!</span>
|
|
<div class="img-container"> <img src="assets/USw_mascot.svg" alt="" width="48"/></div></a>
|
|
</section>
|
|
<section class="section">
|
|
<h1 class="glow low">Some Contributions </h1>
|
|
<div class="card-list">
|
|
<article class="card">
|
|
<h3><a href="https://entenbru.st/neomojimixer/" target="_blank">Neomojimixer</a></h3>
|
|
<div class="content">
|
|
<div>
|
|
<p>Mix your Neomoji parts as you like.</p>
|
|
<h5>Contributions </h5>
|
|
<ul>
|
|
<li><a href="https://codeberg.org/fotoente/neomojimixer/pulls/17" target="_blank">Redesign</a></li>
|
|
</ul>
|
|
</div><img src="assets/neomojimixer.webp" alt="" loading="lazy" width="250" height="100"/>
|
|
</div>
|
|
</article>
|
|
<article class="card">
|
|
<h3><a href="https://joinfirefish.org/s" target="_blank">Firefish (formerly Calckey)</a></h3>
|
|
<div class="content">
|
|
<div>
|
|
<p>A greatly enhanced fork of Misskey with better UI/UX, security, features, and more!</p>
|
|
<h5>Contributions </h5>
|
|
<ul>
|
|
<li><a href="https://codeberg.org/calckey/calckey/pulls?q=&type=all&sort=&state=closed&labels=&milestone=0&assignee=0&poster=9158" target="_blank">View All Contributions</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card">
|
|
<h3><a href="https://github.com/Lartsch/FediAct" target="_blank">FediAct</a></h3>
|
|
<div class="content">
|
|
<div>
|
|
<p>Chrome/Firefox extension that simplifies interactions on other Mastodon instances than your own.</p>
|
|
<h5>Contributions </h5>
|
|
<ul>
|
|
<li><a href="https://github.com/Lartsch/FediAct/pull/21" target="_blank">Styling the extension popup</a></li>
|
|
<li><a href="https://github.com/Lartsch/FediAct/pulls?q=is%3Apr+is%3Aclosed+author%3Afreeplayg" target="_blank">View All Contributions</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="card">
|
|
<h3><a href="https://github.com/ranmaru22/firefox-vertical-tabs" target="_blank">Firefox Vertical Tabs</a></h3>
|
|
<div class="content">
|
|
<div>
|
|
<p>Vertical tabs for Firefox, inspired by Edge.</p>
|
|
<h5>Contributions </h5>
|
|
<ul>
|
|
<li><a href="https://github.com/ranmaru22/firefox-vertical-tabs/pulls?q=is%3Apr+is%3Aclosed+author%3AFreeplayg" target="_blank">View All Contributions</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<h1 class="glow low">Hosted on...</h1>
|
|
<div class="card-list"><a class="button with-icon" href="https://floof.company/" target="_blank"><span>floof.company</span><br/><span class="tooltip">Ran by Houl!!<br>(she is fluffy and cool)</span>
|
|
<div class="img-container"> <img src="assets/blobfox/blobfoxfloof.svg" alt="" width="48"/></div></a><a class="button with-icon" href="https://pages.gay/" target="_blank"><span>pages.gay</span><br/><span class="tooltip">Static page hosting for git.gay repo's</span>
|
|
<div class="img-container"> <img src="assets/spinny_nb_smol.gif" alt="" width="48"/></div></a>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="card-list">
|
|
<fieldset style="max-width: 850px; width: 100%; padding: 20px">
|
|
<legend> <span>Buttons !!</span></legend>
|
|
<div class="links smoll-buttons"> <a href="/"> <img src="assets/buttons/free.gif" loading="lazy"/><span class="tooltip">Meeeeeeeeeeeeee</span></a><a href="https://houl.floof.company/"> <img src="https://houl.floof.company//assets/img/button.png" loading="lazy"/><span class="tooltip">Houl</span></a><a href="https://sneexy.pages.gay/"><img src="https://sneexy.pages.gay/assets/buttons/sneexy.png" loading="lazy"/><span class="tooltip">Sneexy</span></a><a href="https://nano.lgbt/"><img src="https://nano.lgbt/buttons/nano.png" loading="lazy"/><span class="tooltip">nano </span></a><a href="https://zenthefox.online/"><img src="https://zenthefox.online/img/button/zennow.gif" loading="lazy"/><span class="tooltip">Zen Now!</span></a><a href="https://tauon.dev/"><img src="https://tauon.dev/images/88x31/lily.png" loading="lazy"/><span class="tooltip">lily :3</span></a><a href="https://natty.gay/"><img src="assets/buttons/natty.png" loading="lazy"/><span class="tooltip">Fox</span></a>
|
|
<div class="break"><br/></div><a href="https://besties.house/"><img src="https://besties.house/buttons/besties.gif" loading="lazy"/><span class="tooltip">besties.house<br>first unionized group chat</span></a><a href="https://constellatory.net/"><img src="assets/buttons/constellatory.png" loading="lazy"/><span class="tooltip">Constellatory</span></a><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="assets/buttons/firefox.png" loading="lazy"/><span class="tooltip">Take back the web<br>Firefox</span></a><a href="https://fediverse.info/"><img src="assets/buttons/fediverse.gif" loading="lazy"/><span class="tooltip">Join the<br>Fediverse!!!</span></a><a href="https://fedoraproject.org/workstation/"><img src="assets/buttons/xenia.gif" loading="lazy"/><span class="tooltip">Linux<br>NOW!</span></a><a href="https://ublockorigin.com/"><img src="assets/buttons/ublock.png" loading="lazy"/><span class="tooltip">uBlock Origin<br>Now!!!</span></a><a href="https://git.gay/freeplay/pages"><img src="assets/buttons/paws.png" loading="lazy"/><span class="tooltip">made with MY OWN TWO PAWS<br>Website Source</span></a><a href="https://techforpalestine.org/learn-more/"><img src="assets/buttons/freePalestineButton.png" loading="lazy"/><span class="tooltip">FREE<br>PALESTINE</span></a><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started"><img src="assets/buttons/learn_html.gif" loading="lazy"/><span class="tooltip">HTML<br>Learn it today!</span></a><a href="https://api.tinyfox.dev/img?animal=fox"><img src="assets/buttons/foxfoxfox.png" loading="lazy"/><span class="tooltip">fox fox fox<br>fox fox</span></a><a href="https://yesterweb.org/no-to-web3/"><img src="https://yesterweb.org/no-to-web3/img/roly-saynotoweb3.gif" loading="lazy"/><span class="tooltip">SAY NO TO WEB3<br>KEEP THE WEB FREE</span></a>
|
|
</div>
|
|
</fieldset>
|
|
<hr class="invis">
|
|
<fieldset>
|
|
<legend><a href="https://fediring.net/" target="_blank">FediRing</a></legend>
|
|
<div class="links"><a class="button" href="https://fediring.net/previous?host=freeplay.codeberg.page" target="_self"><span>⇠</span><br/><span class="tooltip">Previous</span></a><a class="button" href="https://fediring.net/random" target="_self"><span>Random</span><br/><span class="tooltip"></span></a><a class="button" href="https://fediring.net/next?host=freeplay.codeberg.page" target="_self"><span>⇢</span><br/><span class="tooltip">Next</span></a>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend><a href="https://cs.sjoy.lol/" target="_blank">CSS JOY</a></legend>
|
|
<div class="links"><a class="button" href="https://webri.ng/webring/cssjoy/previous?via=https://freeplay.floof.company" target="_self"><span>⇠</span><br/><span class="tooltip">Previous</span></a><a class="button" href="https://webri.ng/webring/cssjoy/random?via=https://freeplay.floof.company" target="_self"><span>Random</span><br/><span class="tooltip"></span></a><a class="button" href="https://webri.ng/webring/cssjoy/next?via=https://freeplay.floof.company" target="_self"><span>⇢</span><br/><span class="tooltip">Next</span></a>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend><a href="https://hotlinewebring.club/" target="_blank">Hotline Ring</a></legend>
|
|
<div class="links"><a class="button" href="https://hotlinewebring.club/freeplay/previous" target="_self"><span>⇠</span><br/><span class="tooltip">Previous</span></a><a class="button" href="https://hotlinewebring.club/freeplay/next" target="_self"><span>⇢</span><br/><span class="tooltip">Next</span></a>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<h1 class="glow low">Because I use them so much... </h1><a class="button with-icon" href="https://volpeon.ink/projects/emojis/blobfox/" target="_blank"><span>All blob-foxxos were created by Volpeon!</span><br/><span class="tooltip">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</span>
|
|
<div class="img-container"> <img src="assets/blobfox/blobfoxbox.svg" alt="" width="48"/></div></a>
|
|
</section>
|
|
<section class="section">
|
|
<h1 class="glow low">Break my site! </h1>
|
|
<style contenteditable>
|
|
/* You can replace var() with color values & add CSS, yes this is possible without JS :) */
|
|
|
|
:root {
|
|
--accent: var();
|
|
--bg: var();
|
|
--fg: var();
|
|
--bg-invert: var();
|
|
--fg-invert: var();
|
|
--elevated: var();
|
|
--shadow-hover: var();
|
|
--radius: 12px;
|
|
--radius-small: 6px;
|
|
--pg-width: 90em;
|
|
--padding: 60px;
|
|
}
|
|
</style>
|
|
</section>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
const isChromium = !!navigator.userAgentData && navigator.userAgentData.brands.some(data => data.brand == 'Chromium');
|
|
if (isChromium) {
|
|
document.getElementById("warning").style.display = "flex";
|
|
}
|
|
</script>
|
|
</html> |