This repository has been archived by the owner on Aug 27, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (87 loc) · 5.97 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
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="pl">
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.9">
<title>jacobb.net</title>
<link rel="icon" href="fav_icon.gif" type="image/gif">
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 800,
speedAsDuration: true,
easing: 'easeInOutQuad',
});
</script>
<nav>
<div class="NavBar">
<ul>
<li><a href ="#top"">Home</a></li>
<li><a href ="#dev">Development</a></li>
<li><a href ="#graph">Graphics</a></li>
<li><a href ="#video">Video</a></li>
</ul>
</div>
</nav>
<div id="home">
<div id="particles-js">
<div class="btext">
<h1><b>jacobb.net</b></h1>
<h3 class="titleSubHeading4">aka shadoweG</h3>
<p>Java, Web, Photography, Graphics Design, Video Editing</p>
<a href="https://youtube.com/shadoweG" class="btn"><img src="ytlogo.png"height="19" width="26"></a>
<a href="https://twitter.com/shadoweGGG" class="btn"><img src="twlogo.png"height="20" width="20"></a>
<a href="https://instagram.com/jacobb.shots" class="btn"><img src="iglogo.png"height="20" width="20"></a>
<a href="https://github.com/shadoweG" class="btn"><img src="gtlogo.png"height="20" width="20"></a>
<a href="mailto:[email protected]" class="btn"><img src="pmlogo.png"height="20" width="15"></a>
<a href="https://discord.gg/TZ3wSdb" class="btn"><img src="dclogo.png"height="20" width="20"></a>
<a href="https://payhip.com/jacobb" class="btn"><img src="shop.png"height="20" width="22"></a>
</div>
</div>
</div>
<section id="dev">
<div class="title">
<h2 class="titleHeading">Development</h2>
</div>
<ul class="contianerFlex">
<li class="itemFlex"><center><br><br><br><br><br><h3 class="titleSubHeading1">My specialisation is Java and Front-End Website Development. I have experience with Java since 2019 and with HTML, CSS and JavaScript since 2017. <br><br>One of my latest projects in Java is basic crypto currency checker written using JFrame: <a href="https://github.com/shadoweG/BtcStatus">BtcStatus</a> and it's open source! <br><br>Whereas my latest website project is my co-founded Minecraft server website <a href="https://skymine.cc/">SkyMine.cc</a> but it's still in the works (and so does the server).<br><br>You can find any code related open source things on my <a href="https://github.com/shadoweG">Github</a> page.</h3></center></li>
<li class="itemFlex"><center><img src="webproject.png" height="550vh"></center></li>
</ul>
</section>
<section id="graph">
<div class="title">
<h2 class="titleHeading">Grahphics Design, Photography</h2>
</div>
<ul class="contianerFlex">
<li class="itemFlex"><img src="photo.jpg" height="550vh"></center></li>
<li class="itemFlex"><center><br><br><br><br><h3 class="titleSubHeading1">My second passions are graphics related things I specialise in photo maniupulation and vector graphics design. <br><br>I'm curretnly in Graphics Desgin Secondary School. I'm working using Adobe Photoshop, Adobe Lightroom Classic (for raster graphics) and CorelDraw, Adobe Illustrator (for vector graphics). <br><br>For photography I'm mainly using my phone Google Pixel 3 and Sony RX100 V. <br><br>You can find graphics related things on my <a href="https://instagram.com/jacobb.shots">Instagram</a> or hire me on <a href="https://www.fiverr.com/shadoweg">Fiverr</a>. Also you can support me (any help would be appreciated) and buy me lut packs and presets on <a href="https://payhip.com/jacobb">Payhip</a>.</h3></center></li>
</ul>
</section>
<section id="video">
<div class="title">
<h2 class="titleHeading">Video Editing</h2>
</div>
<ul class="contianerFlex">
<li class="itemFlex"><center><br><br><br><h3 class="titleSubHeading1">My last passion is Video Editing (and also Audio Editing). I specialise in color correction and voice over post production. <br><br>For video editing I'm using Davinci Resolve, Adobe After Effects, Vegas Pro (occasionally) and for audio editing I use Adobe Audition. My latest project was a Halloween Event <a href="https://youtu.be/k5pfFC5Oib0">Trailer</a> for my co-founded Minecraft server <a href="https://skymine.cc">SkyMine.cc</a>. <br><br>If you are into Tehchnology and Video you can check out my Polish channel on <a href="https://youtube.com/c/shadoweG">YouTube</a>. And if you want to have similar color style to me you can buy my luts on <a href="https://payhip.com/jacobb">Payhip</a>.</h3></center></li>
<li class="itemFlex"><iframe width="550" height="450" src="https://www.youtube-nocookie.com/embed/k5pfFC5Oib0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></li>
</ul>
</section>
<section class="section2">
<div class="title">
<h3 class="titleSubHeading2">Made with ❤️ by <a href="#top">Me</a></h3>
</div>
</section>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
particlesJS.load('particles-js', 'particles.json',
function(){
console.log('particles.json loaded...')
})
</script>
</body>
</html>