// load styles
document.head.innerHTML += '\\n		<link href="/bootstrap/bootstrap.min.css" rel="stylesheet">';
document.head.innerHTML += '\\n		<link href="/css/main.css" rel="stylesheet">';
document.head.innerHTML += '\\n		<link href="/font-awesome/css/all.css" rel="stylesheet">';
document.head.innerHTML += '\\n		<link rel="icon" href="/favicon.png">'

// load main page
document.body.innerHTML = `<nav id="navbar-main" class="navbar navbar-dark bg-dark navbar-expand-lg noselect" style="background-color: #e3f2fd;">
	<a style="padding-left:10px" class="navbar-brand linked-btn" onclick="fl.go('/');">
		Подключение...
	</a>
	<div class="collapse navbar-collapse noselect" id="navbarNav"><ul class="navbar-nav"><ul class="navbar-nav">
		<div class="vr"></div>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/');" id="nav-home-btn"><i class="fas fa-home"></i> Главная</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/blog');" id="nav-docs-btn"><i class="fab fa-microblog"></i> Мой блог</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/contacts');" id="nav-docs-btn"><i class="fas fa-address-book"></i> Контакты</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/projects');" id="nav-docs-btn"><i class="fas fa-folder-open"></i> Проекты</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/knowledge-base');" id="nav-docs-btn"><i class="fas fa-book"></i> База знаний</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.goToLocation('https://git.fullgream.tech/fullgream?tab=activity');" id="nav-docs-btn"><i class="fab fa-git-alt"></i> Мой git</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/price');" id="nav-docs-btn"><i class="fas fa-coins"></i> Услуги</a>
		</li>
		<li class="nav-item">
			<a class="nav-link translate linked-btn noselect" aria-current="page" onclick="fl.go('/dnd');" id="nav-docs-btn"><i class="fas fa-dice-d20"></i> D&D</a>
		</li>
	</ul></div>

	<div class="vr" style="margin-right:5px"></div>
	<div class="d-flex" style="margin-right:10px" id="navbar-user-menu">
		<div id="fp-condition-div">
			<button id="fp-condition" class="btn btn-outline-secondary" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-fingerprint"></i></button>
		</div>
		<div class="vr" style="margin-right:5px; margin-left: 5px"></div>
		<button onclick="fl.go('/auth');" class="btn btn-outline-secondary" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-key"></i> Авторизация</button>
	</div>
</nav>
<div id="fl.area">
	<div style='margin-top: 30vh'>
		<center>
			<h1>Connection to server...</h1>
			<h3 class="rotate"><i class="fas fa-sync-alt fa-spin"></i></h3>
		</center>
	</div>
</div>`;

//document <i class="fas fa-sync-alt"></i>