Remove f**ked React.JS
This commit is contained in:
Nikiroy78
parent
2d4bfa9710
commit
507fac497b
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
srv/
|
||||||
BIN
assets/404.png
Normal file
BIN
assets/404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 368 KiB |
|
Before Width: | Height: | Size: 279 KiB After Width: | Height: | Size: 279 KiB |
BIN
assets/avatar.png
Normal file
BIN
assets/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 852 KiB |
BIN
assets/hello/1.gif
Normal file
BIN
assets/hello/1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
assets/hello/1.jpg
Normal file
BIN
assets/hello/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
assets/hello/1.png
Normal file
BIN
assets/hello/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
assets/hello/2.png
Normal file
BIN
assets/hello/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
assets/hello/3.png
Normal file
BIN
assets/hello/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
assets/hello/w1.gif
Normal file
BIN
assets/hello/w1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
16
assets/main.css
Normal file
16
assets/main.css
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
.carousel > .carousel-inner > .carousel-item > img{
|
||||||
|
width : 100vh;
|
||||||
|
height : 94vh;
|
||||||
|
/* margin-bottom : 2.5%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg {
|
||||||
|
background-color : #1A1A1A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sys-win-img {
|
||||||
|
margin-top: 24vh;
|
||||||
|
margin-bottom: 1vh;
|
||||||
|
width : 25vh;
|
||||||
|
height : 25vh;
|
||||||
|
}
|
||||||
4
assets/main.csv
Normal file
4
assets/main.csv
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
.carousel {
|
||||||
|
width:640px;
|
||||||
|
height:360px;
|
||||||
|
}
|
||||||
|
31
contacts/index.html
Normal file
31
contacts/index.html
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="/assets/main.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
|
||||||
|
<title>FullGreaM</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg text-white">
|
||||||
|
<script src="/fl_framework/index.js"></script>
|
||||||
|
<nav class="navbar navbar-dark bg-dark">
|
||||||
|
<a class="navbar-brand" href="#" onclick="fl.go('/');">
|
||||||
|
FullGreaM
|
||||||
|
</a>
|
||||||
|
<button onclick="fl.go('/contacts');" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">Мои контакты</button>
|
||||||
|
</nav>
|
||||||
|
<div id="turn-on-js">
|
||||||
|
<h1>Включите поддержку JavaScript!</h1>
|
||||||
|
<p>В противном случае, компоненты сайте не смогут быть загружены</p>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
document.getElementById("turn-on-js").innerHTML = '<div id="fl.area"><p>Loading...</p></div>';
|
||||||
|
</script>
|
||||||
|
<!-- Finalize loading bootstrap js -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
|
||||||
|
<!-- Go to root -->
|
||||||
|
<script>setTimeout(async () => fl.go(window.location.pathname), 50);</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
16
fl_dir/contacts/index.html
Normal file
16
fl_dir/contacts/index.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<center>
|
||||||
|
<h1 style="margin-top: 5px;">Мои контакты</h1>
|
||||||
|
<h2><img src="/assets/avatar.png" class="rounded" alt="...", style="width:25vh"></h2>
|
||||||
|
<h2>Обратная связь</h2>
|
||||||
|
<div class="btn-group" role="group" aria-label="Basic example">
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light" onclick='fl.goToLocation("https://vk.com/decimus_crew")'>Вконтакте</button>
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light" onclick='fl.goToLocation("https://t.me/Nikiroy78")'>Telegram</button>
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light">Facebook</button>
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light" onclick='fl.goToLocation("https://github.com/Nikiroy78")'>GitHub</button>
|
||||||
|
</div>
|
||||||
|
<h2>Паблики, блоги, иные ресурсы</h2>
|
||||||
|
<div class="btn-group" role="group" aria-label="Basic example">
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light" onclick='fl.goToLocation("https://vk.com/imperium_human")'>Вконтакте</button>
|
||||||
|
<button type="button" class="btn btn-dark btn-outline-light" onclick='fl.goToLocation("https://t.me/FullGreaM")'>Телеграм</button>
|
||||||
|
</div>
|
||||||
|
</center>
|
||||||
22
fl_dir/documentation.html
Normal file
22
fl_dir/documentation.html
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<center><h1>Документация технических стандартов IWW</h1></center>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">№</th>
|
||||||
|
<th scope="col">Материал</th>
|
||||||
|
<th scope="col">Дата опубликования</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">1</th>
|
||||||
|
<td>-</td>
|
||||||
|
<td>22/11/2011</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">2</th>
|
||||||
|
<td>-</td>
|
||||||
|
<td>22/11/2011</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
45
fl_dir/index.html
Normal file
45
fl_dir/index.html
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<center>
|
||||||
|
<!-- <h1>Добро пожаловать</h1> -->
|
||||||
|
<div id="carouselExampleDark" class="carousel carousel-dark slide">
|
||||||
|
<div class="carousel-indicators">
|
||||||
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||||
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||||
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active" data-bs-interval="10000">
|
||||||
|
<img src="/assets/hello/1.png" class="d-block w-100" alt="...">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 style="color: white;">Добро пожаловать на мой ресурс</h5>
|
||||||
|
<p style="color: white;">Это официальный ресурс FullGreaM.</p>
|
||||||
|
<button onclick="fl.go('/contacts');" type="button" class="btn btn-dark">Мои контакты</button>
|
||||||
|
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">Мои контакты</button> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="2000">
|
||||||
|
<img src="/assets/hello/2.png" class="d-block w-100" alt="...">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 style="color: white;">О проектах и работах</h5>
|
||||||
|
<p style="color: white;">Здесь представлены мои проекты, работы с активными и актуальными ссылками на скачивание.</p>
|
||||||
|
<button onclick="fl.go('/projects');" type="button" class="btn btn-light">Мои проекты</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="/assets/hello/3.png" class="d-block w-100" alt="...">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 style="color: white;">О прочей информации</h5>
|
||||||
|
<p style="color: white;">Также здесь представлен (или будет представлен) мой личный блог, а также, блог, касающийся моих проектов или проектов моей команды.</p>
|
||||||
|
<button onclick="fl.go('/blog');" type="button" class="btn btn-secondary">Мой блог</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Предыдущий</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Следующий</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</center>
|
||||||
121
fl_framework/index.js
Normal file
121
fl_framework/index.js
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
function setLocation(curLoc){
|
||||||
|
try {
|
||||||
|
history.pushState(null, null, curLoc);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
catch(e) {}
|
||||||
|
location.hash = '#' + curLoc;
|
||||||
|
}
|
||||||
|
|
||||||
|
class FlCursor {
|
||||||
|
constructor (options) {
|
||||||
|
this.options = options;
|
||||||
|
if (!options) {
|
||||||
|
this.options = {
|
||||||
|
saveCache : true,
|
||||||
|
ignoreCachePath : [],
|
||||||
|
saveOnlyPath : ["/fl_system/load_page.html"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.cache = new Object();
|
||||||
|
if (!Array.isArray(this.options.ignoreCachePath)) {
|
||||||
|
this.options.ignoreCachePath = new Array();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.curLoc = location.pathname;
|
||||||
|
|
||||||
|
// Включаем автоматическое обновление содержимого страницы при нажатии кнопки "Назад"
|
||||||
|
window.onpopstate = (event) => {
|
||||||
|
this.go(location.pathname, false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
isCanCachePage (url) {
|
||||||
|
return (this.options.saveCache && this.options.ignoreCachePath.indexOf(url) == -1) ||
|
||||||
|
(!this.options.saveCache && this.options.saveOnlyPath.indexOf(url) != -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
getHttpContent (url) {
|
||||||
|
if (!this.cache[url]) {
|
||||||
|
let rq = new XMLHttpRequest();
|
||||||
|
rq.open('GET', url, false);
|
||||||
|
rq.send();
|
||||||
|
|
||||||
|
if (rq.status == 200) {
|
||||||
|
if (this.isCanCachePage(url)) {
|
||||||
|
this.cache[url] = rq.responseText;
|
||||||
|
}
|
||||||
|
return rq.responseText;
|
||||||
|
}
|
||||||
|
else if (rq.status == 404) {
|
||||||
|
rq = new XMLHttpRequest();
|
||||||
|
rq.open('GET', `/fl_system/404.html`, false);
|
||||||
|
rq.send();
|
||||||
|
|
||||||
|
let page = "404. Not found.";
|
||||||
|
if (rq.status == 200) {
|
||||||
|
page = rq.responseText;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.isCanCachePage(url)) {
|
||||||
|
this.cache[url] = page;
|
||||||
|
}
|
||||||
|
return page;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
let page = `Http error: ${rq.status}`;
|
||||||
|
|
||||||
|
rq = new XMLHttpRequest();
|
||||||
|
rq.open('GET', `/fl_system/${rq.status}.html`, false);
|
||||||
|
rq.send();
|
||||||
|
|
||||||
|
if (rq.status == 200) {
|
||||||
|
page = rq.responseText;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.isCanCachePage(url)) {
|
||||||
|
this.cache[url] = page;
|
||||||
|
}
|
||||||
|
return page;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else return this.cache[url];
|
||||||
|
}
|
||||||
|
|
||||||
|
loading () {
|
||||||
|
/*let rq = new XMLHttpRequest();
|
||||||
|
rq.open('GET', `/fl_system/load_page.html`, false);
|
||||||
|
rq.send();
|
||||||
|
if (rq.status == 200) {
|
||||||
|
let page = rq.responseText;
|
||||||
|
document.getElementById('fl.area').innerHTML = page;
|
||||||
|
}*/
|
||||||
|
document.getElementById('fl.area').innerHTML = this.getHttpContent("/fl_system/load_page.html");
|
||||||
|
}
|
||||||
|
|
||||||
|
goToLocation (href) {
|
||||||
|
window.location.href = href;
|
||||||
|
}
|
||||||
|
|
||||||
|
goJust (href, refEdit = true, callFromGo = false) {
|
||||||
|
if (refEdit && !callFromGo) {
|
||||||
|
this.loading();
|
||||||
|
setLocation(href);
|
||||||
|
this.curLoc = href;
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('fl.area').innerHTML = this.getHttpContent(`/fl_dir${href}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
go (href, refEdit = true) {
|
||||||
|
if (refEdit) {
|
||||||
|
this.loading();
|
||||||
|
setLocation(href);
|
||||||
|
this.curLoc = href;
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(async () => this.goJust(href, refEdit, true), 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const fl = new FlCursor();
|
||||||
4
fl_system/404.html
Normal file
4
fl_system/404.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<center>
|
||||||
|
<img src="/assets/404.png" class="sys-win-img"></img>
|
||||||
|
<h1>404. Страница не найдена :(</h1>
|
||||||
|
</center>
|
||||||
1
fl_system/load_page.html
Normal file
1
fl_system/load_page.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
<center><h1>Загрузка...</h1></center>
|
||||||
33
index.html
33
index.html
@ -1,15 +1,30 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8">
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="/assets/main.css">
|
||||||
<title>FullGreaM</title>
|
<title>FullGreaM</title>
|
||||||
<script type="module" crossorigin src="/assets/index.7c9425a1.js"></script>
|
|
||||||
<link rel="stylesheet" href="/assets/index.a1e83a32.css">
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="bg text-white">
|
||||||
<div id="root"></div>
|
<script src="/fl_framework/index.js"></script>
|
||||||
|
<nav class="navbar navbar-dark bg-dark">
|
||||||
|
<a class="navbar-brand" href="#" onclick="fl.go('/');">
|
||||||
|
FullGreaM
|
||||||
|
</a>
|
||||||
|
<button onclick="fl.go('/contacts');" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">Мои контакты</button>
|
||||||
|
</nav>
|
||||||
|
<div id="turn-on-js">
|
||||||
|
<h1>Включите поддержку JavaScript!</h1>
|
||||||
|
<p>В противном случае, компоненты сайте не смогут быть загружены</p>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
document.getElementById("turn-on-js").innerHTML = '<div id="fl.area"><p>Loading...</p></div>';
|
||||||
|
</script>
|
||||||
|
<!-- Finalize loading bootstrap js -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
|
||||||
|
<!-- Go to root -->
|
||||||
|
<script>setTimeout(async () => fl.go(window.location.pathname), 50);</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"page_url": "https://vk.com/angel_crew"
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
git add .
|
|
||||||
git commit -m "Up-Date repository"
|
|
||||||
git push
|
|
||||||
Reference in New Issue
Block a user