Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@djurke23
djurke23 authored Aug 15, 2024
1 parent 51f60f3 commit 49d27ee
Show file tree
Hide file tree
Showing 12 changed files with 728 additions and 12 deletions.
36 changes: 29 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,6 +104,27 @@ <h2>O meni</h2>
<p>Zdravo, ja sam Luka Đurić, strastveni web developer sa preko 5 godina iskustva u izradi modernih i funkcionalnih web sajtova. Specijalizovan sam za front-end razvoj, ali imam iskustva i sa back-end tehnologijama.</p>
<p>Moji projekti uključuju e-commerce platforme, korporativne sajtove i web aplikacije za razne industrije. Uvek sam u toku sa najnovijim trendovima u web developmentu i kontinuirano unapređujem svoje veštine.</p>
<p>Verujem u stvaranje web sajtova koji nisu samo vizuelno privlačni, već i intuitivni za korišćenje i optimizovani za performanse.</p>



<div class="info-section">
<div class="info-column">
<p><strong>Birthday:</strong> 4 Nov 2001</p>
<p><strong>Website:</strong> <a href="http://www.domain.com">www.domain.com</a></p>
<p><strong>Degree:</strong> Student Mastera</p>
<p><strong>City:</strong> Belgrade</p>
</div>
<div class="info-column">
<p><strong>Age:</strong> 22</p>
<p><strong>Email:</strong> <a href="mailto:info@gmail.com">info@gmail.com</a></p>
<p><strong>Phone:</strong> +381646860616</p>
<p><strong>Freelance:</strong> Available</p>
</div>
</div>

<br>


<a href="#kontakt" class="contact-btn">Kontaktirajte me</a>
</div>
<div class="about-image">
Expand Down Expand Up @@ -276,6 +297,7 @@ <h1>Moji Projekti</h1>
<div class="filteri">
<button class="aktivan" data-filter="svi">Svi</button>
<button data-filter="web-dizajn">Web Dizajn</button>
<button data-filter="web-app">Web Aplikacija</button>
<button data-filter="figma">Figma</button>
<button data-filter="wordpress">WordPress</button>
<button data-filter="android">Android</button>
Expand Down Expand Up @@ -313,7 +335,7 @@ <h1>Work & Experience</h1>
<div class="experience-card">
<div class="job-title">Video Editor</div>
<div class="job-details">Part Time | Kancelarija </div>
<div class="job-details">2019 - 2020</div>
<div class="job-details">2021 - 2022</div>
<div class="company">Pink Media Group</div>
<p class="job-description">Kao iskusan video montažer,
koristio sam Adobe After Effects i Premiere Pro za uređivanje,
Expand All @@ -326,7 +348,7 @@ <h1>Work & Experience</h1>
<div class="experience-card">
<div class="job-title">Remote Control Operator - RCO</div>
<div class="job-details">Part Time | Režija i Studio</div>
<div class="job-details">2018 - 2019</div>
<div class="job-details">2022 - 2024</div>
<div class="company">Pink Media Group</div>
<p class="job-description">Kao iskusan RCO operater,
rukovodio sam kamerama i tehničkim sistemima tokom snimanja emisija „Zadruga“,
Expand Down Expand Up @@ -367,10 +389,10 @@ <h2>Ostavite poruku</h2>
<p>064/686-0616</p>
</div>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.facebook.com/djurke23/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="#"><i class="fab fa-twitter"></i></a> -->
<a href="https://www.instagram.com/djurke23/"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/djurke23/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="contact-form">
Expand Down Expand Up @@ -398,7 +420,7 @@ <h2>Kontaktirajte Me</h2>
<footer>
<div class="social-icons">
<a href="https://www.instagram.com/djurke23/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://x.com/djurke23" target="_blank"><i class="fab fa-twitter"></i></a>
<!-- <a href="https://x.com/djurke23" target="_blank"><i class="fab fa-twitter"></i></a> strelica -->
<a href="https://www.facebook.com/djurke23/?locale=sr_RS" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://github.com/djurke23" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/djurke23/" target="_blank"><i class="fab fa-linkedin"></i></a>
Expand Down
64 changes: 60 additions & 4 deletions scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,10 +44,10 @@ document.addEventListener('DOMContentLoaded', (event) => {
setTimeout(function() {
document.getElementById('loading-screen').style.display = 'none';

animateValue("years", 0, 12, 2000, function() {
animateValue("projects", 0, 26, 2000, function() {
animateValue("technologies", 0, 8, 2000, function() {
animateValue("commits", 0, 500, 2000, function() {
animateValue("years", 0, 5, 2000, function() {
animateValue("projects", 0, 30, 2000, function() {
animateValue("technologies", 0, 12, 2000, function() {
animateValue("commits", 0, 10, 2000, function() {
document.querySelector('.container').style.opacity = 1;
startTextAnimation(0);
});
Expand Down Expand Up @@ -163,6 +163,41 @@ const projektiData = [
opis: 'Sajt za firmu BGD CARS Detailing',
link: 'https://djurke23.github.io/BGD-Cars-Detailing/'
},
{
kategorija: 'web-app',
slika: 'slike/projekti/calculator.png',
naslov: 'Kalkulator',
opis: 'Scientific kalkulator',
link: 'https://djurke23.github.io/calculator/'
},
{
kategorija: 'web-app',
slika: 'slike/projekti/qrkodgenerator.png',
naslov: 'QR Code Generator',
opis: 'QR Code Generator',
link: 'https://djurke23.github.io/qr-code-generator/'
},
{
kategorija: 'web-app',
slika: 'slike/projekti/todolist.png',
naslov: 'To-Do List',
opis: 'To do lista',
link: 'https://djurke23.github.io/to_do_list/'
},
{
kategorija: 'web-dizajn',
slika: 'slike/projekti/rqg.png',
naslov: 'Random Quote Generator',
opis: 'Random Quote Generator',
link: 'https://djurke23.github.io/random-quote-generator/'
},
{
kategorija: 'web-dizajn',
slika: 'slike/projekti/rng.png',
naslov: 'Random Number Generator',
opis: 'Random Number Generator',
link: 'https://djurke23.github.io/random_number_generator/'
},
// ... ostali projekti
];

Expand Down Expand Up @@ -205,4 +240,25 @@ filterButtons.forEach(button => {
}
});
});
});








document.querySelectorAll('.info-column a').forEach(item => {
item.addEventListener('click', event => {
event.preventDefault();
const textToCopy = event.target.innerText;
navigator.clipboard.writeText(textToCopy)
.then(() => {
alert(`${textToCopy} Uspešno kopirano!`);
})
.catch(err => {
console.error('Kopiranje je neuspešno: ', err);
});
});
});
Binary file added slike/projekti/Screenshot 2024-07-23 010309.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slike/projekti/calculator.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slike/projekti/qrkodgenerator.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slike/projekti/rng.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slike/projekti/rqg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
83 changes: 83 additions & 0 deletions slike/projekti/tamagotchi/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tamagotchi Game</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="game-container">
<h1>Tamagotchi Game</h1>
<div id="tamagotchi">
<img id="tamagotchi-image" src="https://static.wikia.nocookie.net/tamagotchi/images/0/01/KuchipatchiFrontFacing.png/revision/latest/scale-to-width/360?cb=20221213050856" alt="Tamagotchi">
</div>
<p id="tamagotchi-name">Tamagotchi</p>
<div id="status">
<p>Hunger: <span id="hunger">100</span></p>
<p>Happiness: <span id="happiness">100</span></p>
<p>Energy: <span id="energy">100</span></p>
<p>Health: <span id="health">100</span></p>
</div>
<div id="controls">
<button onclick="feed()">Feed</button>
<button onclick="play()">Play</button>
<button onclick="sleep()">Sleep</button>
<button onclick="heal()">Heal</button>
</div>
<div id="difficulty">
<label for="difficulty-select">Choose difficulty:</label>
<select id="difficulty-select" onchange="setDifficulty()">
<option value="easy">Easy</option>
<option value="medium">Medium</option>
<option value="hard">Hard</option>
</select>
</div>
<div id="customize">
<h2>Customize Tamagotchi</h2>
<label for="color-select">Choose color:</label>
<select id="color-select" onchange="changeColor()">
<option value="default">Default</option>
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</select>
</div>
<div id="emotions">
<h2>Emotions</h2>
<p id="emotion-text">Tamagotchi is feeling great!</p>
</div>
<div id="daily-challenges">
<h2>Daily Challenge</h2>
<p id="challenge-text">Complete a challenge to earn rewards!</p>
<button onclick="completeChallenge()">Complete Challenge</button>
</div>
<div id="name-change">
<h2>Change Tamagotchi Name</h2>
<input type="text" id="name-input" placeholder="Enter new name">
<button onclick="changeName()">Change Name</button>
</div>
<div id="game-stats">
<h2>Game Statistics</h2>
<p id="stats-text">No stats available yet.</p>
</div>
<div id="missions">
<h2>Missions</h2>
<p id="mission-text">Complete missions to gain rewards!</p>
<button onclick="completeMission()">Complete Mission</button>
</div>
<div id="rewards">
<h2>Rewards</h2>
<p id="reward-text">Earn rewards by completing tasks!</p>
</div>
<div id="music-controls">
<h2>Music Controls</h2>
<button onclick="toggleMusic()">Play/Pause Music</button>
</div>
<audio id="background-music" src="background-music.mp3" loop></audio>

</div>
<script src="script.js"></script>
</body>
</html>
Loading

0 comments on commit 49d27ee

Please sign in to comment.