demsem.dev
My personal website. It is free and liberated from social media.
Restyle projects page
+46
-31
projects/index.html
+46
-31
projects/index.html
···
24
24
</header>
25
25
<main>
26
26
<section class="projects">
27
-
<p>
28
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque
29
-
possimus odio qui eum ipsum ut minus vero laboriosam unde aperiam
30
-
distinctio, necessitatibus magni, cum, consectetur at quibusdam!
31
-
Aliquid, repellendus impedit.
32
-
</p>
33
-
<p>
34
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt eaque
35
-
nisi incidunt saepe minus eos laboriosam accusamus. Natus quibusdam
36
-
officiis, ratione dicta, perferendis quidem vitae asperiores harum,
37
-
ipsa nesciunt nisi?
38
-
</p>
39
-
<p>
40
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae aut
41
-
commodi facilis deserunt suscipit sapiente, nobis totam ullam sequi,
42
-
reprehenderit nihil inventore obcaecati rerum, natus molestias vel
43
-
minima illo culpa.
44
-
</p>
45
-
<p>
46
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias
47
-
quisquam, ipsum amet rem assumenda hic ullam, quam quas tempora
48
-
quibusdam, consequuntur obcaecati doloremque corrupti minima id
49
-
voluptate officiis fugit! Cumque?
50
-
</p>
51
-
<p>
52
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis
53
-
veniam ex aut quod totam a, magnam deserunt ipsa illum numquam eum ab
54
-
cum eligendi recusandae quia laudantium? Sint, provident
55
-
reprehenderit!
56
-
</p>
27
+
<section>
28
+
<h2>Blackjack Game</h2>
29
+
<p>
30
+
Creating classes to represent individual cards, decks, and players,
31
+
I used Java to create the game of Blackjack. The user plays through
32
+
only a terminal. No other players may participate, and a dealer
33
+
automatically plays based on conventional casino rules. I want to
34
+
recreate this attempt with both text- and GUI-based interaction.
35
+
</p>
36
+
</section>
37
+
<section>
38
+
<h2>P2</h2>
39
+
<p>
40
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea minus
41
+
quod ullam inventore dignissimos repellat repudiandae consequuntur,
42
+
veritatis, aut corrupti maiores minima in iste. Cum eveniet itaque
43
+
dolores ab quidem?
44
+
</p>
45
+
</section>
46
+
<section>
47
+
<h2>P3</h2>
48
+
<p>
49
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio,
50
+
quisquam! Deleniti, molestiae. Quam quibusdam hic molestias
51
+
aspernatur laboriosam, adipisci quo sapiente dolorum asperiores
52
+
nemo, fugit dignissimos quidem eligendi ipsum officiis.
53
+
</p>
54
+
</section>
55
+
<section>
56
+
<h2>P4</h2>
57
+
<p>
58
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur,
59
+
eaque quia? Nihil consequatur iusto illum eaque explicabo rerum
60
+
consequuntur voluptate sapiente repellat mollitia! Provident, quasi
61
+
dicta aspernatur voluptate quos harum.
62
+
</p>
63
+
</section>
64
+
<section>
65
+
<h2>P5</h2>
66
+
<p>
67
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
68
+
Exercitationem perspiciatis facilis accusamus aut minima enim
69
+
officiis, eveniet maiores illo omnis quibusdam quis expedita
70
+
repellendus, labore doloremque dignissimos eos porro corrupti.
71
+
</p>
72
+
</section>
57
73
</section>
58
74
</main>
59
-
60
75
<footer><section>© 2026 Demetrius</section></footer>
61
76
</body>
62
77
</html>
+11
-4
style.css
+11
-4
style.css
···
70
70
}
71
71
72
72
.projects {
73
-
display: grid;
74
-
grid-template-columns: 1fr 1fr;
75
-
& > p {
73
+
border-top: solid black;
74
+
75
+
h2 {
76
+
border: none;
77
+
text-decoration: underline;
78
+
}
79
+
& > section {
76
80
border: black 1.5pt solid;
77
-
margin: 5px;
81
+
margin-top: 16pt;
78
82
padding: 5px;
79
83
border-radius: 10px;
84
+
}
85
+
p {
86
+
padding: 10px;
80
87
}
81
88
}
82
89