mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-06-03 19:32:56 +00:00
Remove Timeline and Web Developer pages, update logo, and add header to index.html
This commit is contained in:
Tomas Dvorak
@@ -1,8 +0,0 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Frame">
|
||||
<g id="Group">
|
||||
<path id="Vector" d="M1.75 0L3.98125 25.2L14 28L24.0152 25.2017L26.25 0H1.75Z" fill="#2196F3"/>
|
||||
<path id="Vector_2" d="M21.4794 8.24085L21.1976 11.4066L20.3471 20.8968L13.9999 22.6521L13.9946 22.6538L7.6509 20.8968L7.20815 15.9338H10.3161L10.5471 18.5081L13.9964 19.4391L13.9981 19.4373L17.4526 18.5063L17.9234 14.2171L7.0594 14.2468L6.7514 11.3138L18.1841 11.1791L18.4151 8.0396L6.44515 8.07285L6.2439 5.1521H21.7559L21.4794 8.24085Z" fill="#FAFAFA"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 596 B |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
@@ -1,12 +0,0 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Frame" clip-path="url(#clip0_66_1029)">
|
||||
<g id="Group">
|
||||
<path id="Vector" d="M1.76292 0.926912L3.58017 24.1754C3.59352 24.3461 3.6575 24.5089 3.76393 24.643C3.87036 24.7771 4.01439 24.8763 4.17758 24.9281L13.74 27.9598C13.9091 28.0134 14.0907 28.0134 14.2598 27.9598L23.8222 24.9281C23.9854 24.8763 24.1294 24.7771 24.2359 24.643C24.3423 24.5089 24.4063 24.3461 24.4196 24.1754L26.2369 0.926912C26.276 0.427081 25.8809 0 25.3796 0H2.62024C2.11892 0 1.7239 0.427081 1.76292 0.926912ZM21.5767 8.14015H9.73325L10.0907 11.4361H21.3191L20.5845 20.8325L13.9999 22.9201L7.41532 20.8325L7.03158 15.9234H10.4877V18.3314L14.0923 19.2988L17.6753 18.3314L17.9533 14.4938H6.91981L6.18729 5.12207H21.8125L21.5767 8.14015Z" fill="#FC490B"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_66_1029">
|
||||
<rect width="28" height="28" fill="FFFFFF"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 947 B |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
@@ -1,33 +0,0 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Frame" clip-path="url(#clip0_66_1054)">
|
||||
<g id="Group">
|
||||
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M14.6638 0.177517C14.4624 0.0612232 14.2339 0 14.0013 0C13.7687 0 13.5402 0.0612232 13.3387 0.177517L2.36353 6.51099C2.16189 6.62725 1.99444 6.79458 1.87803 6.99613C1.76163 7.19768 1.70037 7.42634 1.70044 7.6591V20.3358C1.70044 20.8093 1.9531 21.2467 2.36309 21.4839L13.3382 27.8224C13.5398 27.9387 13.7685 28 14.0012 28C14.234 28 14.4626 27.9387 14.6642 27.8224L25.6368 21.4838C25.8382 21.3674 26.0055 21.2 26.1218 20.9984C26.2381 20.7969 26.2993 20.5684 26.2994 20.3357V7.6586C26.2994 7.18506 26.0467 6.74767 25.6364 6.51093L14.6638 0.177517Z" fill="url(#paint0_linear_66_1054)"/>
|
||||
<path id="Vector_2" d="M25.6583 6.5111L14.6524 0.177629C14.5439 0.114902 14.4276 0.0700039 14.308 0.0405273L1.97314 21.141C2.07896 21.2977 2.18194 21.4037 2.32068 21.484L13.3452 27.8225C13.6575 28.0028 14.0286 28.045 14.3692 27.9508L25.9534 6.73816C25.8653 6.65005 25.7661 6.57373 25.6583 6.5111Z" fill="url(#paint1_linear_66_1054)"/>
|
||||
<path id="Vector_3" d="M25.6644 21.4839C25.9842 21.2989 26.2107 20.9747 26.2741 20.5944L14.3079 0.0404633C13.9929 -0.0222633 13.5992 0.0138851 13.3157 0.177565L2.38379 6.47292L14.1934 27.9872C14.3619 27.9642 14.527 27.9097 14.6781 27.8225L25.6644 21.4839Z" fill="url(#paint2_linear_66_1054)"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_66_1054" x1="18.4623" y1="4.8942" x2="8.54699" y2="25.1213" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3F873F"/>
|
||||
<stop offset="0.33" stop-color="#3F8B3D"/>
|
||||
<stop offset="0.637" stop-color="#3E9638"/>
|
||||
<stop offset="0.934" stop-color="#3DA92E"/>
|
||||
<stop offset="1" stop-color="#3DAE2B"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_66_1054" x1="12.3477" y1="15.4666" x2="40.1302" y2="-5.06061" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.138" stop-color="#3F873F"/>
|
||||
<stop offset="0.402" stop-color="#52A044"/>
|
||||
<stop offset="0.713" stop-color="#64B749"/>
|
||||
<stop offset="0.908" stop-color="#6ABF4B"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_66_1054" x1="1.31399" y1="13.9993" x2="26.6478" y2="13.9993" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.092" stop-color="#6ABF4B"/>
|
||||
<stop offset="0.287" stop-color="#64B749"/>
|
||||
<stop offset="0.598" stop-color="#52A044"/>
|
||||
<stop offset="0.862" stop-color="#3F873F"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_66_1054">
|
||||
<rect width="28" height="28" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.5 KiB |
@@ -1,17 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
|
||||
<svg width="256px" height="255px" viewBox="0 0 256 255" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
||||
<defs>
|
||||
<linearGradient x1="12.9593594%" y1="12.0393928%" x2="79.6388325%" y2="78.2008538%" id="linearGradient-1">
|
||||
<stop stop-color="#387EB8" offset="0%"></stop>
|
||||
<stop stop-color="#366994" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="19.127525%" y1="20.5791813%" x2="90.7415328%" y2="88.4290372%" id="linearGradient-2">
|
||||
<stop stop-color="#FFE052" offset="0%"></stop>
|
||||
<stop stop-color="#FFC331" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<path d="M126.915866,0.0722755491 C62.0835831,0.0722801733 66.1321288,28.1874648 66.1321288,28.1874648 L66.2044043,57.3145115 L128.072276,57.3145115 L128.072276,66.0598532 L41.6307171,66.0598532 C41.6307171,66.0598532 0.144551098,61.3549438 0.144551098,126.771315 C0.144546474,192.187673 36.3546019,189.867871 36.3546019,189.867871 L57.9649915,189.867871 L57.9649915,159.51214 C57.9649915,159.51214 56.8001363,123.302089 93.5968379,123.302089 L154.95878,123.302089 C154.95878,123.302089 189.434218,123.859386 189.434218,89.9830604 L189.434218,33.9695088 C189.434218,33.9695041 194.668541,0.0722755491 126.915866,0.0722755491 L126.915866,0.0722755491 L126.915866,0.0722755491 Z M92.8018069,19.6589497 C98.9572068,19.6589452 103.932242,24.6339846 103.932242,30.7893845 C103.932246,36.9447844 98.9572068,41.9198193 92.8018069,41.9198193 C86.646407,41.9198239 81.6713721,36.9447844 81.6713721,30.7893845 C81.6713674,24.6339846 86.646407,19.6589497 92.8018069,19.6589497 L92.8018069,19.6589497 L92.8018069,19.6589497 Z" fill="url(#linearGradient-1)"></path>
|
||||
<path d="M128.757101,254.126271 C193.589403,254.126271 189.540839,226.011081 189.540839,226.011081 L189.468564,196.884035 L127.600692,196.884035 L127.600692,188.138693 L214.042251,188.138693 C214.042251,188.138693 255.528417,192.843589 255.528417,127.427208 C255.52844,62.0108566 219.318366,64.3306589 219.318366,64.3306589 L197.707976,64.3306589 L197.707976,94.6863832 C197.707976,94.6863832 198.87285,130.896434 162.07613,130.896434 L100.714182,130.896434 C100.714182,130.896434 66.238745,130.339138 66.238745,164.215486 L66.238745,220.229038 C66.238745,220.229038 61.0044225,254.126271 128.757101,254.126271 L128.757101,254.126271 L128.757101,254.126271 Z M162.87116,234.539597 C156.715759,234.539597 151.740726,229.564564 151.740726,223.409162 C151.740726,217.253759 156.715759,212.278727 162.87116,212.278727 C169.026563,212.278727 174.001595,217.253759 174.001595,223.409162 C174.001618,229.564564 169.026563,234.539597 162.87116,234.539597 L162.87116,234.539597 L162.87116,234.539597 Z" fill="url(#linearGradient-2)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
var e=Object.defineProperty;var d=(n,t)=>{for(var o in t)e(n,o,{get:t[o],enumerable:!0})};var f=typeof document<"u"?globalThis.navigator:void 0,r=typeof document<"u"?globalThis.window:void 0,i=typeof document>"u"?{}:void 0;if(typeof document>"u"){let n=Object.prototype.toString;Object.prototype.toString=function(...t){return this===i?"[object global]":n.call(this,...t)}}export{d as a,f as b,r as c};
|
||||
//# sourceMappingURL=chunk-ELYU6EKT.mjs.map
|
||||
@@ -1,2 +0,0 @@
|
||||
import{a as l,q as i}from"./chunk-ZLFJQ64H.mjs";var f="default"in i?l:i,o={},y=f,C=Symbol.for("react.element"),g=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,M=y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,S={key:!0,ref:!0,__self:!0,__source:!0};function c(n,e,s){var t,a={},r=null,u=null;s!==void 0&&(r=""+s),e.key!==void 0&&(r=""+e.key),e.ref!==void 0&&(u=e.ref);for(t in e)x.call(e,t)&&!S.hasOwnProperty(t)&&(a[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)a[t]===void 0&&(a[t]=e[t]);return{$$typeof:C,type:n,key:r,ref:u,props:a,_owner:M.current}}o.Fragment=g;o.jsx=c;o.jsxs=c;var v=o.Fragment,I=o.jsx,_=o.jsxs;export{I as a,_ as b};
|
||||
//# sourceMappingURL=chunk-LTFW3AQD.mjs.map
|
||||
@@ -1,2 +0,0 @@
|
||||
import{a}from"./chunk-WXY3Q2W6.mjs";var e=t=>({bodyClassName:"framer-body-augiA20Il",breakpoints:[{hash:"72rtr7",mediaQuery:"(min-width: 1200px)"},{hash:"rqvu1i",mediaQuery:"(min-width: 810px) and (max-width: 1199px)"},{hash:"1pskqnr",mediaQuery:"(max-width: 809px)"}],elements:{},title:a(t).title||"Home",viewport:"width=device-width"}),n=e,m=1,s={exports:{default:{type:"variable",annotations:{framerContractVersion:"1"}},metadataVersion:{type:"variable",annotations:{framerContractVersion:"1"}},__FramerMetadata__:{type:"variable"}}};export{n as a,m as b,s as c};
|
||||
//# sourceMappingURL=chunk-R5TEOUSI.mjs.map
|
||||
@@ -1,11 +0,0 @@
|
||||
var a=e=>({customHTMLHeadStart:`<style>
|
||||
|
||||
/* colorize the html background in the same color as your page background*/
|
||||
|
||||
html {
|
||||
background: var(--token-b51ef5c2-aa9a-430c-a5f7-c49146f35812)!important;
|
||||
}
|
||||
|
||||
|
||||
</style>`,description:"A simple widget-based link in bio one-page website template for Framer, which let's you add your most important links, products, articles and signups and have them all at one place.",favicon:new URL("https://framerusercontent.com/images/zLHDC8l0MLHq21np6RNKhakUQ.png").href,socialImage:new URL("https://framerusercontent.com/images/F0gV7gNDjJGwT1Dl8j3AZRYkFgc.jpg").href,title:"Tomáš Dvořák \u2013 Socials"}),o=a;export{o as a};
|
||||
//# sourceMappingURL=chunk-WXY3Q2W6.mjs.map
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB |
+277
-19
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 24 KiB |
@@ -1,70 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>TD - Timeline</title>
|
||||
<link rel="stylesheet" href="./style_t.css">
|
||||
<link rel="shortcut icon" href="favicon.ico" type="logo">
|
||||
</head>
|
||||
<body>
|
||||
<br>
|
||||
<br>
|
||||
<h1 style="text-align: center;">My IT Timeline</h1>
|
||||
<div id="timeline-content">
|
||||
<ul class="timeline" id="web">
|
||||
<li class="event" data-date="2019">
|
||||
<h3><strong>Web Development & Programming</strong></h3>
|
||||
<p>I started learing <strong>Web Development</strong> on <strong><a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp website</a></strong>.
|
||||
The first thing that I started with was the <strong>Responsive Web Design</strong> course.</p>
|
||||
</li>
|
||||
<li class="event">
|
||||
<p>I met with a lot of new things in the world of web development, but I wasn't interested that much, in the time, so I've completely stopped learning.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2023">
|
||||
<p>In 2023 I found my way back to learning <strong>Web Development and Programming</strong> overall. I finished <strong>freeCodeCamp</strong> course and I received my first <strong><a href="https://www.freecodecamp.org/certification/Dvorinka/responsive-web-design" target="_blank">Certificate</a></strong>.</p>
|
||||
</li>
|
||||
<li class="event">
|
||||
<p>After finishing my HTML course I started learning little bit of Javascript (JavaScript Algorithms and Data Structures) - I finished this course with some help from ChatGPT 'cause I did not understand Javascript that much in the time.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2024">
|
||||
<p>This was the year of my biggest accomplishments, I started learning on Udemy - in fact I started with ZTM courses, which helped me ALOT in the whole IT sphere. My interest moved more to Ethical hacking and to tools like Raspberry PI, which I got for Christmass from my parents. I also started with Python.</p>
|
||||
</li>
|
||||
<li class="event">
|
||||
<p>I switched high schools (I went from OAUH to SGaSOŠ) and I finally started to learn IT even in school. The first thing that I started learning was programming in the C and C++ languages.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="timeline-content">
|
||||
<ul class="timeline2" id="ethical">
|
||||
<li class="event" data-date="2024">
|
||||
<h3><strong>Ethical Hacking & Pentesting</strong></h3>
|
||||
<p>I started with <strong>Ethical Hacking</strong> via <strong><a href="https://zerotomastery.io/courses/learn-ethical-hacking/" target="_blank">ZTM Bootcamp</a></strong>.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2024">
|
||||
<p></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="timeline-content">
|
||||
<ul class="timeline3" id="video">
|
||||
<li class="event" data-date="2017">
|
||||
<h3><strong>Video Editing & Graphic design</strong></h3>
|
||||
<p>I started with <strong>Video Editing</strong> all by myself. Firstly I was editing simple short gaming footage for myself. I did all of that on my former phone in app called <strong><a href="https://kinemaster.com/" target="_blank">Kinemaster</a></strong>.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2021">
|
||||
<p>In 2021, I finally moved, to a more professional software, named <strong><a href="https://www.blackmagicdesign.com/products/davinciresolve" target="_blank">Davinci Resolve</a></strong>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="timeline-content">
|
||||
<ul class="timeline4" id="video">
|
||||
<li class="event" data-date="2023">
|
||||
<h3><strong>Photography & Filmmaking</strong></h3>
|
||||
<p></p>
|
||||
</li>
|
||||
<li class="event" data-date="2024">
|
||||
<p></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,92 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tomas Dvorak - Web Developer</title>
|
||||
<link rel="stylesheet" href="style2.css">
|
||||
</head>
|
||||
<body style="overflow: hidden; ">
|
||||
<script>
|
||||
let isAnimationInProgress = false;
|
||||
|
||||
// JavaScript function for gradual scroll to the bottom of the page
|
||||
function gradualScrollToBottom() {
|
||||
if (isAnimationInProgress) {
|
||||
// Animation is already in progress, do nothing
|
||||
return;
|
||||
}
|
||||
|
||||
isAnimationInProgress = true;
|
||||
|
||||
const lastSection = document.querySelector('section:last-child');
|
||||
const targetPosition = lastSection.offsetTop;
|
||||
const currentPosition = window.scrollY;
|
||||
const distance = targetPosition - currentPosition;
|
||||
const duration = 5000; // Scroll duration in milliseconds
|
||||
|
||||
let startTimestamp;
|
||||
function step(timestamp) {
|
||||
if (!startTimestamp) startTimestamp = timestamp;
|
||||
const elapsed = timestamp - startTimestamp;
|
||||
|
||||
window.scrollTo(0, easeInOut(elapsed, currentPosition, distance, duration));
|
||||
|
||||
if (elapsed < duration) {
|
||||
requestAnimationFrame(step);
|
||||
} else {
|
||||
// Animation has ended, reset the flag and trigger redirection after a delay
|
||||
isAnimationInProgress = false;
|
||||
setTimeout(() => {
|
||||
window.location.href = 'Timeline.html';
|
||||
}, 300);
|
||||
}
|
||||
}
|
||||
|
||||
function easeInOut(t, b, c, d) {
|
||||
// Easing function for smooth scrolling
|
||||
t /= d / 2;
|
||||
if (t < 1) return c / 2 * t * t + b;
|
||||
t--;
|
||||
return -c / 2 * (t * (t - 2) - 1) + b;
|
||||
}
|
||||
|
||||
requestAnimationFrame(step);
|
||||
}
|
||||
</script>
|
||||
<section id="html">
|
||||
<h1>HTML</h1>
|
||||
<button onclick="gradualScrollToBottom()">START</button>
|
||||
</section>
|
||||
<section id="css">
|
||||
<h1>CSS</h1>
|
||||
</section>
|
||||
<section id="js">
|
||||
<h1>Javascript</h1>
|
||||
</section>
|
||||
<section id="js">
|
||||
<h1>React.js</h1>
|
||||
</section>
|
||||
<section id="python">
|
||||
<h1>Python</h1>
|
||||
</section>
|
||||
<section id="c">
|
||||
<h1>C</h1>
|
||||
</section>
|
||||
<section id="c++">
|
||||
<h1>C++</h1>
|
||||
</section>
|
||||
<section id="php">
|
||||
<h1>PHP</h1>
|
||||
</section>
|
||||
<section id="java">
|
||||
<h1>JAVA</h1>
|
||||
</section>
|
||||
<section id="ruby">
|
||||
<h1>Ruby</h1>
|
||||
</section>
|
||||
<section id="typescript">
|
||||
<h1>Typescript</h1>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@@ -29,6 +29,15 @@
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="topbar">
|
||||
<a href="https://tdvorak.dev/" class="logo">
|
||||
<img src="images/Logo_dark.png" alt="Tomáš Dvořák" width="145" height="32" class="dark">
|
||||
</a>
|
||||
<button class="icon-btn theme-btn" data-theme-btn>
|
||||
<div class="state-layer"></div>
|
||||
</button>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<section class="section hero">
|
||||
|
||||
Reference in New Issue
Block a user