reverted to old web configuration on main branch
This commit is contained in:
18
home/templates/home/components/carousel.html
Normal file
18
home/templates/home/components/carousel.html
Normal file
@@ -0,0 +1,18 @@
|
||||
{% load static %}
|
||||
<!--<div class="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div style="background-image: url('{% static "home/img/carousel/content/italy.png" %}');" class="carousel-item carousel-item-first"><h1></h1></div>
|
||||
<div style="background-image: url('{% static "home/img/carousel/content/camera.jpg" %}');" class="carousel-item carousel-item-second"><h1></h1></div>
|
||||
<div style="background-image: url('{% static "home/img/carousel/content/programing.jpg" %}');" class="carousel-item carousel-item-third"><h1></h1></div>
|
||||
<div class="carousel-item carousel-item-fourth"><h1></h1></div>
|
||||
<div class="carousel-item carousel-item-fifth"><h1></h1></div>
|
||||
<div class="carousel-item carousel-item-sixth"><h1></h1></div>
|
||||
</div>
|
||||
<div class="carousel-controls">
|
||||
<span class="prev"></span>
|
||||
<span class="next"></span>
|
||||
</div>
|
||||
<div class="carousel-indicators"></div>
|
||||
</div>
|
||||
|
||||
<script src="{% static "home/js/carousel.js" %}"></script>-->
|
||||
22
home/templates/home/components/demo/chat.html
Normal file
22
home/templates/home/components/demo/chat.html
Normal file
@@ -0,0 +1,22 @@
|
||||
{% load static %}
|
||||
<div class="chat">
|
||||
<div class="title-bar">
|
||||
Chat
|
||||
</div>
|
||||
<div class="messages">
|
||||
{% for message in last_messages %}
|
||||
<div>
|
||||
<sub>{{message.time}}</sub>
|
||||
<p>{{message.text}}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="send-box">
|
||||
<input placeholder="what's on your mind now?..." type="text" name="anon-message" id="anon-message">
|
||||
<button id="send-anon-message" type="submit">
|
||||
<i class="fa-solid fa-paper-plane"></i><!--send button-->
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{% static '/home/js/anon-chat.js' %}"></script>
|
||||
30
home/templates/home/components/demo/direct-voice-chat.html
Normal file
30
home/templates/home/components/demo/direct-voice-chat.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{% load static %}
|
||||
<div class="direct-voice-chat">
|
||||
<div class="title-bar">
|
||||
Direct Voice Call
|
||||
</div>
|
||||
<div class="info">
|
||||
<p>ID: <span id="direct-peer-id"></span></p>
|
||||
<sub><i class="fa-solid fa-clone"></i></sub>
|
||||
</div>
|
||||
<div class="connection">
|
||||
<input id="direct-peer-id-input" type="text" placeholder="Inser ID what you want to call...">
|
||||
|
||||
<button id="direct-connect-btn"><i class="fa-solid fa-phone"></i></button> <!--connect button-->
|
||||
<!--this will replace connect button and then otherwise-->
|
||||
<button id="direct-disconnect-btn">Disconnect</button><!--disconnect button-->
|
||||
</div>
|
||||
|
||||
<div id="incoming-call-container">
|
||||
<p>Incoming call!</p>
|
||||
|
||||
<button id="direct-accept-call-btn"><i class="fa-solid fa-phone"></i></button><!--decline button-->
|
||||
<button id="direct-deny-call-btn"><i class="fa-solid fa-phone-slash"></i></button><!--accept button-->
|
||||
</div>
|
||||
</div>
|
||||
<audio id="direct-localAudio" autoplay muted></audio>
|
||||
<audio id="direct-remoteAudio" autoplay></audio>
|
||||
|
||||
<script src="https://unpkg.com/peerjs@1.5.4/dist/peerjs.min.js"></script> <!---->
|
||||
|
||||
<script src="{% static 'home/js/anon-direct-voice-chat.js' %}"></script>
|
||||
27
home/templates/home/components/demo/global-voice-chat.html
Normal file
27
home/templates/home/components/demo/global-voice-chat.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{% load static %}
|
||||
<div class="global-voice-chat">
|
||||
<div class="title-bar">
|
||||
Global Voice Room
|
||||
</div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<i class="fa-solid fa-user-group"></i><span id="connected-people"></span>
|
||||
</div>
|
||||
<div>
|
||||
Status: <i id="my-status" class="fa-solid fa-circle"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="controls">
|
||||
<button id="global-connect-btn"><i class="fa-solid fa-phone"></i></button>
|
||||
<!--the buttons will replace eatchother-->
|
||||
<button id="global-disconnect-btn" class="hidden"><i class="fa-solid fa-phone-slash"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<audio id="global-remoteAudio" autoplay></audio>
|
||||
|
||||
<script src="https://unpkg.com/peerjs@1.5.4/dist/peerjs.min.js"></script> <!---->
|
||||
|
||||
<script src="{% static 'home/js/anon-voice-chat.js' %}"></script>
|
||||
46
home/templates/home/components/drony.html
Normal file
46
home/templates/home/components/drony.html
Normal file
@@ -0,0 +1,46 @@
|
||||
{% load static %}
|
||||
<div class="drone only-desktop">
|
||||
|
||||
<video id="drone-video" class="video-background" autoplay muted loop playsinline>
|
||||
<source id="video-source" type="video/mp4">
|
||||
Your browser does not support video.
|
||||
</video>
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h1>Letecké snímky dronem</h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<h2>Opravnění</h2>
|
||||
|
||||
|
||||
A1, A2, A3 a průkaz na vysílačku!
|
||||
|
||||
Mohu garantovat bezpečný provoz dronu i ve složitějších podmínkách. Mám také možnost žádat o povolení k letu v blízkosti letišť!
|
||||
|
||||
</section>
|
||||
<section>
|
||||
<h2>Cena</h2>
|
||||
|
||||
Nabízím letecké záběry dronem <br>za cenu <u>3 000 Kč</u>.
|
||||
|
||||
Pokud se nacházíte v Ostravě, doprava je zdarma. Pro oblasti mimo Ostravu účtuji 10 Kč/km.
|
||||
|
||||
Cena se může odvíjet ještě podle složitosti získaní povolení.*
|
||||
</section>
|
||||
<section>
|
||||
<h2>Výstup</h2>
|
||||
|
||||
Rád Vám připravím jednoduchý sestřih videa, který můžete rychle použít, nebo Vám mohu poskytnout samotné záběry k vlastní editaci. <br>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
<div>
|
||||
V případě zájmu mě neváhejte<br><a href="#contacts">kontaktovat!</a>
|
||||
</div>
|
||||
</article>
|
||||
<script src="{% static 'home/js/drone.js' %}"></script>
|
||||
</div>
|
||||
<!--<button id="debug-drone">force reload</button>-->
|
||||
21
home/templates/home/components/global/contact-me.html
Normal file
21
home/templates/home/components/global/contact-me.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
|
||||
<div class="contact-me">
|
||||
<div class="opening">
|
||||
<i class="fa-solid fa-arrow-pointer" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="content">
|
||||
<form method="post" id="contactme-form">
|
||||
{% csrf_token %}
|
||||
{{ contactme_form }}
|
||||
<input type="submit" value="Submit">
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="cover"></div>
|
||||
<div class="triangle"></div>
|
||||
|
||||
</div>
|
||||
<script src="{% static 'home/js/global/contact-me.js' %}"></script>
|
||||
28
home/templates/home/components/global/footer.html
Normal file
28
home/templates/home/components/global/footer.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<footer id="contacts">
|
||||
<div class="logo">
|
||||
<h1>vontor.cz</h1>
|
||||
</div>
|
||||
<address>
|
||||
Written by <b>David Bruno Vontor</b><br>
|
||||
<p>Tel.: <a href="tel:+420 605 512 624"><u>+420 605 512 624</u></a></p>
|
||||
<p>E-mail: <a href="mailto:brunovontor@gmail.com"><u>brunovontor@gmail.com</u></a></p>
|
||||
<p>IČO: <a href="https://www.rzp.cz/verejne-udaje/cs/udaje/vyber-subjektu;ico=21613109;"><u>21613109</u></a></p>
|
||||
</address>
|
||||
<div class="contacts">
|
||||
<a href="https://github.com/Brunobrno">
|
||||
<i class="fa fa-github"></i>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/brunovontor/">
|
||||
<i class="fa fa-instagram"></i>
|
||||
</a>
|
||||
<a href="https://twitter.com/BVontor">
|
||||
<i class="fa-brands fa-x-twitter"></i>
|
||||
</a>
|
||||
<a href="https://steamcommunity.com/id/Brunobrno/">
|
||||
<i class="fa-brands fa-steam"></i>
|
||||
</a>
|
||||
<a href="www.youtube.com/@brunovontor">
|
||||
<i class="fa-brands fa-youtube"></i>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
28
home/templates/home/components/introduction.html
Normal file
28
home/templates/home/components/introduction.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<div class="wrapper">
|
||||
<div class="introduction">
|
||||
<article>
|
||||
<header>
|
||||
<h1>Úvod</h1>
|
||||
</header>
|
||||
<main>
|
||||
Tato stránka prezentuje mé projekty, služby a portfolio. Neustále se zdokonaluji a rozšiřuji své schopnosti v oblasti webového vývoje, správy serverů a nových technologií.
|
||||
</main>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
<div class="animation-introduction">
|
||||
<ul class="circles">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
33
home/templates/home/components/portfolio.html
Normal file
33
home/templates/home/components/portfolio.html
Normal file
@@ -0,0 +1,33 @@
|
||||
{% load static %}
|
||||
<div class="portfolio" id="portfolio">
|
||||
<header>
|
||||
<h1>Portfolio</h1>
|
||||
</header>
|
||||
|
||||
<div>
|
||||
<span class="door"><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||
<article>
|
||||
<header>
|
||||
<a href="https://davo1.cz"><img src="{% static 'home\img\portfolio\DAVO_logo_2024_bile.png' %}" alt="davo1.cz logo"></a>
|
||||
</header>
|
||||
<main>
|
||||
</main>
|
||||
</article>
|
||||
<article>
|
||||
<header>
|
||||
<a href="https://perlica.cz"><img src="{% static 'home\img\portfolio\perlica-3.webp' %}" alt="Perlica logo"></a>
|
||||
</header>
|
||||
<main>
|
||||
</main>
|
||||
</article>
|
||||
<article>
|
||||
<header>
|
||||
<a href="http://epinger2.cz"><img src="{% static 'home\img\portfolio\logo_epinger.svg' %}" alt="Epinger2 logo"></a>
|
||||
</header>
|
||||
<main>
|
||||
</main>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="{% static 'home/js/portfolio.js' %}"></script>
|
||||
46
home/templates/home/components/services.html
Normal file
46
home/templates/home/components/services.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<div class="services" id="services">
|
||||
<header>
|
||||
<i class="fa-solid fa-briefcase"></i>
|
||||
<h1>Services</h1>
|
||||
</header>
|
||||
|
||||
<div>
|
||||
<article>
|
||||
<header>
|
||||
<i class="fa-solid fa-pen-ruler"></i>
|
||||
<h1>Úprava webu</h1>
|
||||
</header>
|
||||
<main>
|
||||
Oprava a modernizace starších webových stránek.<br>
|
||||
Opravy designu, vylepšení uživatelského rozhraní.<br>
|
||||
Řešení chyb v JavaScriptu a optimalizace kódu.
|
||||
</main>
|
||||
</article>
|
||||
<article>
|
||||
<header>
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
<h1>Webové stránky</h1>
|
||||
</header>
|
||||
<main>
|
||||
Tvorba webových aplikací pomocí frameworku Django.<br>
|
||||
Optimalizace pro vyhledávače (SEO), správné užití HTML a meta tagů.<br>
|
||||
Integrace Google Search Console pro rychlejší indexaci a Google Analytics pro analýzu návštěvnosti.<br>
|
||||
Řešení databáze s využitím Docker compose.<br>
|
||||
Hosting složitých aplikací, jednoduché prezentační weby s PHP.<br>
|
||||
Správa domén, DNS záznamů a ochrana přes Cloudflare.<br>
|
||||
Možnost návrhu aplikace prostřednictvím UML diagramů.
|
||||
</main>
|
||||
</article>
|
||||
<article>
|
||||
<header>
|
||||
<i class="fa-solid fa-code"></i>
|
||||
<h1>Webová aplikace</h1>
|
||||
</header>
|
||||
<main>
|
||||
Vývoj plně dynamických webových aplikací na míru.<br>
|
||||
Real-time aktualizace, REST API, uživatelské účty.<br>
|
||||
Integrace platební brány Stripe a dalších funkcí.
|
||||
</main>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
69
home/templates/home/index.html
Normal file
69
home/templates/home/index.html
Normal file
@@ -0,0 +1,69 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "utilities/head.html" %}
|
||||
|
||||
<title>Home - vontor.cz</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="{% static "home/css/components/carousel.css" %}">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/introduction.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/portfolio.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/services.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/demo/chat.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/drone.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/demo/direct-voice-chat.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'home/css/components/demo/global-voice-chat.css' %}">
|
||||
|
||||
{% include "home/utilities/head.html" %}
|
||||
</head>
|
||||
<body tabindex="0">
|
||||
|
||||
{% include "home/components/carousel.html" %}
|
||||
<div class="drone nav-drone">
|
||||
<!--<video src="https://vontor-cz.s3.eu-central-1.amazonaws.com/home/video/drone-background-video-720p.mp4" class="video-background" autoplay muted loop playsinline>
|
||||
<source id="video-source" type="video/mp4">
|
||||
Your browser does not support video.
|
||||
</video>
|
||||
<span id="nav-drone-background-css"></span>-->
|
||||
</div>
|
||||
|
||||
|
||||
{% include "utilities/nav.html" %}
|
||||
|
||||
{% include 'home/components/introduction.html' %}
|
||||
{% include "home/components/drony.html" %}
|
||||
|
||||
{% include 'home/components/services.html' %}
|
||||
{% include 'home/components/portfolio.html' %}
|
||||
|
||||
|
||||
<div class="between">
|
||||
<h1>Demo</h1>
|
||||
</div>
|
||||
<div class="apps-container">
|
||||
{% include "home/components/demo/chat.html" %}
|
||||
<div class="apps-group">
|
||||
{% include 'home/components/demo/direct-voice-chat.html' %}
|
||||
{% include 'home/components/demo/global-voice-chat.html' %}
|
||||
</div>
|
||||
|
||||
<div id="reconnect" class="hidden">
|
||||
<h1>You lost connection!</h1>
|
||||
|
||||
<img src="{% static 'img/errors/error_icon.png' %}" alt="error icon">
|
||||
<button><i class="fa-solid fa-rotate-right"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="between">
|
||||
<h1>Contact me!</h1>
|
||||
</div>
|
||||
{% include 'home/components/global/contact-me.html' %}
|
||||
|
||||
{% include 'home/components/global/footer.html' %}
|
||||
<script src="{% static 'home/js/index.js' %}"></script>
|
||||
</body>
|
||||
</html>
|
||||
15
home/templates/home/mail/contact-me.html
Normal file
15
home/templates/home/mail/contact-me.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
</head>
|
||||
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px;">
|
||||
<div style="max-width: 600px; background: #fff; padding: 20px; border-radius: 5px;">
|
||||
<h2>Jméno: {{name}}</h2>
|
||||
<br>
|
||||
<p>Zpráva: {{message}}</p>
|
||||
<br>
|
||||
<p>Email zákazníka: <a href="mailto:{{customer_email}}"></a>{{customer_email}}</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
7
home/templates/home/utilities/head.html
Normal file
7
home/templates/home/utilities/head.html
Normal file
@@ -0,0 +1,7 @@
|
||||
{% load static %}
|
||||
<meta name="description" content="Hledáte full-stack developera? Chcetě předělat starý web, lehkou opravu webovky nebo i velkou webovou aplikaci s responzivními prvky v realném čase? Tak to jste na správném místě">
|
||||
<meta name="keywords" content="vontor, web, web design, full-stack developer, tvorba webu, oprava webových stránek, responzivní web, webová aplikace, real-time web, redesign webu">
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<link rel="stylesheet" href="{% static "home/css/index.css" %}">
|
||||
<link rel="stylesheet" href="{% static "home/css/components/global/contact-me.css" %}">
|
||||
Reference in New Issue
Block a user