Skip to content

Commit 1bd608d

Browse files
arozynekarozynek
committed
Finished project
1 parent b73342e commit 1bd608d

File tree

4 files changed

+129
-168
lines changed

4 files changed

+129
-168
lines changed

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
This is my JavaScript final project of the CDV Frontend Developer's classes.
22

3-
It's responsive web application, that allows you to draw any shapes using randomly selected colors.
4-
You can also add emoji to your drawing.
3+
It's web application, that allows you to draw any shapes using randomly selected colors.
4+
You can also add emoji to your drawing and save it to your device.

‎index.html‎

Lines changed: 37 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -8,75 +8,74 @@
88
<link rel="stylesheet" href="style.css" />
99
<link
1010
rel="stylesheet"
11-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0"
11+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0"
1212
/>
1313
</head>
1414
<body>
1515
<nav id="nav">
16-
<button
17-
id="logo"
18-
><img src="/images/logo.png" alt="LOGO"/>
19-
<!-- <a href='https://pl.freepik.com/wektory/streszczenie'>Streszczenie plik wektorowy utworzone przez vectorjuice - pl.freepik.com</a> -->
20-
</button>
21-
<button
22-
id="new-image-btn"
23-
class="tablink"
24-
25-
>
26-
Draw new image!
27-
</button>
28-
<button
29-
id="previous-project-btn"
30-
class="tablink"
31-
32-
>
33-
Previous projects
34-
</button>
35-
<button
36-
id="me-btn"
37-
class="tablink"
38-
39-
>
40-
About me
16+
<button id="logo">
17+
<img src="./images/logo.png" alt="LOGO" />
18+
<!-- <a href='https://pl.freepik.com/wektory/streszczenie'>Streszczenie plik wektorowy utworzone przez vectorjuice - pl.freepik.com</a> -->
4119
</button>
20+
<button id="new-image-btn" class="tablink">Draw new image!</button>
21+
<button id="previous-project-btn" class="tablink">Previous projects</button>
22+
<button id="me-btn" class="tablink">About me</button>
4223
</nav>
4324
<main>
4425
<container id="draw-page" class="page-content">
4526
<section id="rendered-elements" class="single-section left">
4627
<div class="colors">
4728
<div id="generated-colors"></div>
48-
<button id="color-button" class="btn">Generate next colors</button>
29+
<button id="color-button" class="btn">Generate new palette</button>
4930
</div>
5031
<div class="emojis">
5132
<a id="previous" class="e-btn" title="Previous emojis">&#8249;</a>
5233
<span id="generated-emojis"></span>
5334
<a id="next" class="e-btn" title="Next emojis">&#8250;</a>
54-
<button id="emojis-button" class="btn" title="Back to first emojis">Reset emojis</button>
35+
<button id="emojis-button" class="btn" title="Back to first emojis">
36+
Back to first emojis
37+
</button>
5538
</div>
5639
</section>
57-
<canvas id="canvas" width="300" height="350" class="single-section">The canva is error</canvas>
40+
<canvas id="canvas" width="300" height="350" class="single-section"
41+
>The canva is error</canvas
42+
>
5843
<section id="buttons" class="single-section right">
59-
<button id="clear-button" class="btn" title="Deleted projects show up in previous projects section">Clear canvas</button>
60-
<a id="save-button" class="btn">Save as png</a>
44+
<button
45+
id="clear-button"
46+
class="btn"
47+
title="Deleted projects are displayed in PREVIOUS PROJECTS section"
48+
>
49+
Clear canvas
50+
</button>
51+
<a id="save-button" class="btn">Save as jpeg</a>
6152
</section>
6253
</container>
6354
<container id="previous-projects-page" class="page-content">
6455
<section id="previous-project-display">
65-
<h2 class="show">You have got any projects yet. Draw something!</h2>
56+
<h2 class="show">You haven't got projects yet. Draw something!</h2>
6657
</section>
6758
</container>
6859
<container id="about-me-page" class="page-content">
6960
<section id="about-me">
7061
<h2 class="text">Hello!</h2>
71-
<p class="text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis dolorum ab incidunt ipsum, officiis delectus repudiandae quaerat, voluptatibus ipsam asperiores eveniet? Dolores tenetur rem veritatis perferendis reiciendis corporis laboriosam dolore!
72-
Provident, quaerat ab nesciunt amet saepe dicta, modi necessitatibus repudiandae ex, debitis iste! Hic ratione animi quis esse saepe ad accusamus quae, laudantium placeat debitis harum maiores pariatur nam necessitatibus.
73-
Laudantium dolor praesentium, voluptatum facilis ea reiciendis porro maiores velit neque rem. Inventore, praesentium? Architecto labore ut totam repellat nam debitis ratione illum, quam aspernatur fuga consectetur amet nulla enim?</p>
74-
<img src="./images/sitting-person.png" alt="My image"/>
62+
<p class="text">
63+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis
64+
dolorum ab incidunt ipsum, officiis delectus repudiandae quaerat,
65+
voluptatibus ipsam asperiores eveniet? Dolores tenetur rem veritatis
66+
perferendis reiciendis corporis laboriosam dolore! Provident,
67+
quaerat ab nesciunt amet saepe dicta, modi necessitatibus
68+
repudiandae ex, debitis iste! Hic ratione animi quis esse saepe ad
69+
accusamus quae, laudantium placeat debitis harum maiores pariatur
70+
nam necessitatibus. Laudantium dolor praesentium, voluptatum facilis
71+
ea reiciendis porro maiores velit neque rem. Inventore, praesentium?
72+
Architecto labore ut totam repellat nam debitis ratione illum, quam
73+
aspernatur fuga consectetur amet nulla enim?
74+
</p>
75+
<img src="./images/sitting-person.png" alt="My image" />
7576
</section>
7677
</container>
7778
</main>
78-
79-
8079
<script src="main.js"></script>
8180
</body>
8281
</html>

0 commit comments

Comments
 (0)