martinecko30.github.io/screwit.html at master · Martinecko30/martinecko30.github.io · GitHub

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
<!DOCTYPE html>
<html lang="sk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PegasusEngine - Martin Valent</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/project-details.css">
</head>
<body>
    <main class="wrap">
        <header>
			<div class="brand">
                <div class="avatar">
                <img src="images/ProfilePic.jpg" alt="Martin Valent" style="width:120px;height:120px;border-radius:18px;object-fit:cover;margin-right:18px;">
                </div>
				<div>
                    <div style="font-weight:800; font-size:30px">Martin Valent</div>
                    <div class="muted" style="font-size:18px">Softvérový inžinier</div>
				</div>
			</div>
			<nav>
                   <a href="index.html">O mne</a>
                   <a href="projects.html" class="active">Projekty</a>
                   <a href="contact.html">Kontakt</a>
			</nav>
		</header>
        <div class="detail-container">
            <a href="projects.html" class="back-link">← Späť na projekty</a>

            <div class="project-header">
                <div class="project-info">
                    <h1>Screw It</h1>
                    <p class="lead">Akčná hra, kde vašou úlohou je "zaskrutkovať" všetky skrutky v časovom limite.</p>

                    <div class="meta-tags">
                        <span class="tag">C#</span>
                        <span class="tag">Unity</span>
                        <span class="tag">2023</span>
                    </div>

                    <div class="buttons">
                        <a href="https://martinecko30.itch.io/screw-it" target="_blank" class="btn-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 245.371 220.736"><path d="M31.99 1.365C21.287 7.72.2 31.945 0 38.298v10.516C0 62.144 12.46 73.86 23.773 73.86c13.584 0 24.902-11.258 24.903-24.62 0 13.362 10.93 24.62 24.515 24.62 13.586 0 24.165-11.258 24.165-24.62 0 13.362 11.622 24.62 25.207 24.62h.246c13.586 0 25.208-11.258 25.208-24.62 0 13.362 10.58 24.62 24.164 24.62 13.585 0 24.515-11.258 24.515-24.62 0 13.362 11.32 24.62 24.903 24.62 11.313 0 23.773-11.714 23.773-25.046V38.298c-.2-6.354-21.287-30.58-31.988-36.933C180.118.197 157.056-.005 122.685 0c-34.37.003-81.228.54-90.697 1.365zm65.194 66.217a28.025 28.025 0 0 1-4.78 6.155c-5.128 5.014-12.157 8.122-19.906 8.122a28.482 28.482 0 0 1-19.948-8.126c-1.858-1.82-3.27-3.766-4.563-6.032l-.006.004c-1.292 2.27-3.092 4.215-4.954 6.037a28.5 28.5 0 0 1-19.948 8.12c-.934 0-1.906-.258-2.692-.528-1.092 11.372-1.553 22.24-1.716 30.164l-.002.045c-.02 4.024-.04 7.333-.06 11.93.21 23.86-2.363 77.334 10.52 90.473 19.964 4.655 56.7 6.775 93.555 6.788h.006c36.854-.013 73.59-2.133 93.554-6.788 12.883-13.14 10.31-66.614 10.52-90.474-.022-4.596-.04-7.905-.06-11.93l-.003-.045c-.162-7.926-.623-18.793-1.715-30.165-.786.27-1.757.528-2.692.528a28.5 28.5 0 0 1-19.948-8.12c-1.862-1.822-3.662-3.766-4.955-6.037l-.006-.004c-1.294 2.266-2.705 4.213-4.563 6.032a28.48 28.48 0 0 1-19.947 8.125c-7.748 0-14.778-3.11-19.906-8.123a28.025 28.025 0 0 1-4.78-6.155 27.99 27.99 0 0 1-4.736 6.155 28.49 28.49 0 0 1-19.95 8.124c-.27 0-.54-.012-.81-.02h-.007c-.27.008-.54.02-.813.02a28.49 28.49 0 0 1-19.95-8.123 27.992 27.992 0 0 1-4.736-6.155zm-20.486 26.49l-.002.01h.015c8.113.017 15.32 0 24.25 9.746 7.028-.737 14.372-1.105 21.722-1.094h.006c7.35-.01 14.694.357 21.723 1.094 8.93-9.747 16.137-9.73 24.25-9.746h.014l-.002-.01c3.833 0 19.166 0 29.85 30.007L210 165.244c8.504 30.624-2.723 31.373-16.727 31.4-20.768-.773-32.267-15.855-32.267-30.935-11.496 1.884-24.907 2.826-38.318 2.827h-.006c-13.412 0-26.823-.943-38.318-2.827 0 15.08-11.5 30.162-32.267 30.935-14.004-.027-25.23-.775-16.726-31.4L46.85 124.08C57.534 94.073 72.867 94.073 76.7 94.073zm45.985 23.582v.006c-.02.02-21.863 20.08-25.79 27.215l14.304-.573v12.474c0 .584 5.74.346 11.486.08h.006c5.744.266 11.485.504 11.485-.08v-12.474l14.304.573c-3.928-7.135-25.79-27.215-25.79-27.215v-.006l-.003.002z" color="#000"/></svg>
                            Pozrieť na itch.io
                        </a>
                    </div>
                </div>
                <div class="project-logo-large">
                    <img src="images/ScrewIt.png" alt="Screw It Logo">
                </div>
            </div>

            <hr class="divider">

            <div class="content-grid">

                <section class="main-text">
                    <h2>O projekte</h2>
                    <p>Screw It vznikol ako Game Jam projekt kde sme mali v týme 9 hodín na to spraviť hru. Každé 3 hodiny sme museli spraviť Build a vystaviť verziu na stránku Itch.io</p>
                </section>

                <aside class="sidebar-info">
                    <div class="card">
                        <h3>Tech Stack</h3>
                        <ul class="tech-detail-list">
                            <li><strong>Jazyk:</strong> C# (.NET 8)</li>
                            <li><strong>Engine:</strong> Unity</li>
                        </ul>
                    </div>
                </aside>

            </div>

            <section class="gallery">
                <h2>Galéria</h2>
                <div class="gallery-grid">
                    <div class="gallery-item">
                        <img src="images/ScrewIt.png" alt="Screw It Logo">
                        <span class="caption">Logo</span>
                    </div>
                    </div>
            </section>

        </div>
    </main>
    <footer>
        © <span id="year"></span> Martin Valent
    </footer>
    <script>
        document.getElementById('year').textContent = new Date().getFullYear();
    </script>
</body>
</html>