-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (88 loc) · 16.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en" style="background: #191919;overflow: hidden;/*height: 300px!important;*//*width: 300px!important;*/">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>VFXPRO</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Brutal%20Type.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/scrollbar.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body style="background: transparent;/*width: 300px!important;*//*height: 300px!important;*/font-style: "SF PRO TEXT"!important;font-family: 'Brutal Type';"> <button pathx="z" id="btn_test" class="xxx topcoat-button--large hostFontSize">sadsadsad</button>
<div style="/*width: 350px;*/">
<ul class="nav nav-pills" role="tablist" style="font-size: 12px;display: none;">
<li class="nav-item" role="presentation"><a class="nav-link active" role="tab" data-bs-toggle="pill" href="#tab-1" style="font-family: 'Brutal Type';width: 120.2031px;text-align: center;"><i class="fa fa-desktop" style="font-size: 14px;width: 15px;margin-right: 8px;"></i> Local</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" role="tab" data-bs-toggle="pill" href="#tab-2" style="text-align: center;width: 140px;border-width: 0px;border-color: rgb(200,200,200);border-right-width: 1px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-globe2" style="font-size: 14px;width: 15px;margin-right: 8px;">
<path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"></path>
</svg>Online</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="tab-1">
<div class="container" style="padding: 0;margin-right: 0px;margin-left: 0px;">
<div class="row">
<div class="col-4 col-sm-3 col-md-6" id="lefter">
<div id="parent" style="/*width: 120px!important;*/height: 100vh;background: #323232;">
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-2" href="#collapse-2" role="button" style="width: 100%;text-align: left;text-shadow: 0px 2px rgb(40,40,40);">Light</a>
<div class="collapse" id="collapse-2" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Rays" count="51" vcount="">Rays</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Bokeh" count="11" vcount="">Bokeh</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Motion" count="12" vcount="">Motion</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Leaks" count="19" vcount="">Leaks</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Particles" count="41" vcount="">Particles</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Nebula" count="16" vcount="">Nebula</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Gradients" count="30" vcount="">Gradients</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Light" sub="Lens" count="49" vcount="">Lens flares</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-12" href="#collapse-12" role="button" id="tab22" style="width: 100%;text-align: left;">Vintage</a>
<div class="collapse" id="collapse-12" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Paper" count="26" vcount="">Paper</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Tape" count="5" vcount="">Tape</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Prints" count="0" vcount="">Prints</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Collage" count="0" vcount="">Collage</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Frames" count="85" vcount="">Frames</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Vintage" sub="Films" count="4" vcount="">Films</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-11" href="#collapse-11" role="button" style="width: 100%;text-align: left;">Grunge</a>
<div class="collapse" id="collapse-11" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Grunge" sub="Scratches" count="6" vcount="">Scratches</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Grunge" sub="Wrap" count="3" vcount="">Plastic wrap</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Grunge" sub="Halftone" count="2" vcount="2">Halftone</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Grunge" sub="Grunge" count="48" vcount="">Grunge</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Grunge" sub="Dust" count="34" vcount="">Dust</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-1" href="#collapse-1" role="button" style="width: 100%;text-align: left;">Paint</a>
<div class="collapse" id="collapse-1" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Paint" sub="Watercolor" count="30" vcount="">Watercolor</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Paint" sub="Inks" count="10" vcount="">Inks</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Paint" sub="Splatters" count="54" vcount="1">Splatters</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Paint" sub="Spray" count="32" vcount="">Spray</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Paint" sub="Strokes" count="57" vcount="">Strokes</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-10" href="#collapse-10" role="button" style="width: 100%;text-align: left;">Nature</a>
<div class="collapse" id="collapse-10" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Fire" count="73" vcount="">Fire</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Sparks" count="64" vcount="">Sparks</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Clouds" count="10" vcount="">Clouds</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Lightning" count="14" vcount="">Lightning</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Liquid" count="5" vcount="">Liquid</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Nature" sub="Smoke" count="27" vcount="">Smoke</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-9" href="#collapse-9" role="button" style="width: 100%;text-align: left;">Abstract</a>
<div class="collapse" id="collapse-9" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Abstract" sub="Flames" count="2">Flames</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Abstract" sub="Orbs" count="0" vcount="">Orbs</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Abstract" sub="Crystal" count="44" vcount="0">Crystal</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Abstract" sub="Objects" count="0" vcount="">Objects</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Abstract" sub="Meshes" count="25" vcount="0">Meshes</button></div>
</div>
<div><a class="btn btn-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse-3" href="#collapse-3" role="button" style="width: 100%;text-align: left;">Tech</a>
<div class="collapse" id="collapse-3" style="text-align: left;" data-bs-parent="#parent"><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Elements" count="0" vcount="105">Elements</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Arrows" count="0" vcount="52">Arrows</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Glitch" count="55" vcount="">Glitch</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Grids" count="37" vcount="1">Grids</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Icons" count="220" vcount="">Icons</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="GUI" count="220" vcount="0">GUI</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="HUD_Circle" count="114" vcount="26">HUD Cirle</button><button class="btn btn-dark trg" type="button" style="width: 100%;text-align: left;background: #282828;" cat="Tech" sub="Linework" count="13" vcount="97">Linework</button></div>
</div>
</div>
</div>
<div class="col-8 col-sm-8 col-md-6 offset-sm-1" style="height: 500px;margin-left: 0;background-size: 10%!important;/*width: 230px;*//*background: url("assets/img/39.svg") left / auto repeat;*/">
<div style="width: 230px;/*left: 130px!important;*//*position: absolute;*/top: 34px;right: 0;opacity: 20%;background: url("assets/img/39.svg"), grey;/*opacity: 20%;*/height: 230px;background-size: 5%, auto;"></div>
<div class="vision" style="width: 230px;/*left: 130px!important;*//*position: absolute;*/position: absolute;/*opacity: 30;*/top: 0px;/*right: 0;*/background: transparent;height: 230px;background-size: 9%;"></div>
<div class="CONTENT"></div>
<div class="table-responsive" id="table">
<table class="table table-dark table-bordered">
<tbody></tbody>
</table>
</div>
<div class="d-flex align-items-start flex-wrap" style="/*width: 336px!important;*//*display: flex!important;*/flex-wrap: wrap;/*left: 130px;*/align-content: flex-start;align-items: flex-start;bottom: 0;/*height: 60%;*/overflow: auto;background: #2a2a2a;/*position: fixed;*/right: 0;"></div>
</div>
</div>
</div>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas-1" style="width: 280px;">
<div class="offcanvas-header" style="background: #1c1f23;">
<h5 class="offcanvas-title" style="color: rgb(61,64,67);">Settings</h5><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="offcanvas"></button>
</div>
<div class="offcanvas-body" style="background: #1c1f23;">
<p>Contribute graphics:<br><a href="https://forms.gle/fg7qufFCpfAJb2Ud8">Google</a></p>
<p>Free graphics:<br><a href="https://gothlab.github.io/" target="_blank">https://gothlab.github.io/</a><br></p>
<p>YouTube:<br><a href="https://www.youtube.com/c/LearnCalligraphycom" target="_blank">GothLab.</a></p>
<p>Telegram:<br><a href="https://www.youtube.com/c/LearnCalligraphycom" target="_blank">GothLab.</a></p>
<p><strong>Donate:</strong><br><strong>СБЕР </strong><br>5469 5500 2587 9872<br><a href="https://www.buymeacoffee.com/gothlab">BymeaCoffee</a><br><br></p>
<p style="font-size: 11px;">Contributors:</p>
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" id="tab-2">
<div class="ratio ratio-16x9" style="height: 100vh;"><iframe src="https://gothlab.github.io/VFXPORT/PLUGIN/"></iframe></div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/core/jquery.js"></script>
<script src="assets/js/core/save.js"></script>
<script src="assets/js/buttons.js"></script>
<script src="assets/js/tabler.js"></script>
</body>
</html>