Skip to content

PR za primjer #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nixa999 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

PR za primjer #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
898d644
rjesenje
Feb 21, 2024
1e1078d
Fix
Dec 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
23 changes: 21 additions & 2 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,28 @@
.info {
background: DarkGray;
box-shadow: 0 0 1px rgba(169, 169, 169, 0.25);
color: #fff;
}

.alert {
background: DarkRed;
box-shadow: 0 0 1px rgba(139, 0, 0, 0.25);
color: #fff;
}

.success {
background: DarkGreen;
box-shadow: 0 0 1px rgba(0, 100, 0, 0.25);
color: #fff;
}

body {
max-width: 600px;
margin: auto;
text-align: center;
background-color: lightblue;
}

p {
div p {
text-align: justify;
}
}/*# sourceMappingURL=index.css.map */
1 change: 1 addition & 0 deletions index.css.map
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

81 changes: 60 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,64 @@
<!DOCTYPE html>
<html lang="hr">
<head>
<title>Lorem ipsum</title>
<link rel="stylesheet" href="./index.css" />
</head>

<head>
<title>Lorem ipsum</title>
<link rel="stylesheet" href="./index.css">
</head>
<body style="padding: 40px; width: 600px; margin: auto; text-align: center">
<h1>Nikola Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta voluptates adipisci explicabo ea maxime, eum nostrum minus culpa fugit ut facere veniam eaque qui repudiandae vel, neque deserunt, tempora enim?</h1>
<div class="info">
<img
src="https://picsum.photos/500/400"
title="Lorem ipsum"
lang="en"
alt="Lorem ipsum"
/>
<p style="text-align: justify">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis
labore! Nesciunt cum accusamus impedit ipsam eaque at earum quas
officia, corporis ducimus maiores, provident vero adipisci mollitia
perspiciatis! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Nulla nemo repellat totam, mollitia magnam dicta, ut atque sunt nostrum
suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate
cum facere accusantium a.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias,
obcaecati minus asperiores magnam, sapiente voluptate, molestiae
molestias ullam aliquid officia et iusto perspiciatis magni commodi
optio repellendus fugiat ab recusandae? Recusandae aut maxime culpa
debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui
atque sint molestiae ut distinctio dolores mollitia facilis. Atque ex
perferendis repudiandae expedita officia animi?
</p>
</div>

<body style="padding:40px; width: 600px; margin: auto; text-align: center">
<h1>Lorem ipsum</h1>
<img src="https://picsum.photos/500/400" title="Lorem ipsum" lang="en" alt="Lorem ipsum">
<p style="text-align: justify;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis labore! Nesciunt cum accusamus impedit
ipsam eaque at earum quas officia, corporis ducimus maiores, provident vero adipisci mollitia perspiciatis!
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nulla nemo repellat totam, mollitia magnam dicta, ut atque
sunt nostrum suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate cum facere accusantium a.
</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, obcaecati minus asperiores magnam, sapiente
voluptate, molestiae molestias ullam aliquid officia et iusto perspiciatis magni commodi optio repellendus fugiat ab
recusandae?
Recusandae aut maxime culpa debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui atque sint
molestiae ut distinctio dolores mollitia facilis. Atque ex perferendis repudiandae expedita officia animi?</p>
</body>

</html>
<div class="alert">
<img
src="https://picsum.photos/500/400"
title="Lorem ipsum"
lang="en"
alt="Lorem ipsum"
/>
<p style="text-align: justify">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis
labore! Nesciunt cum accusamus impedit ipsam eaque at earum quas
officia, corporis ducimus maiores, provident vero adipisci mollitia
perspiciatis! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Nulla nemo repellat totam, mollitia magnam dicta, ut atque sunt nostrum
suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate
cum facere accusantium a.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias,
obcaecati minus asperiores magnam, sapiente voluptate, molestiae
molestias ullam aliquid officia et iusto perspiciatis magni commodi
optio repellendus fugiat ab recusandae? Recusandae aut maxime culpa
debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui
atque sint molestiae ut distinctio dolores mollitia facilis. Atque ex
perferendis repudiandae expedita officia animi?
</p>
</div>
</body>
</html>
28 changes: 28 additions & 0 deletions index.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
@mixin theme($theme: DarkGray) {
background: $theme;
box-shadow: 0 0 1px rgba($theme, 0.25);
color: #fff;
}

.info {
@include theme;
}
.alert {
@include theme($theme: DarkRed);
}
.success {
@include theme($theme: DarkGreen);
}

body {
max-width: 600px;
margin: auto;
text-align: center;
background-color: lightblue;
}

div {
p {
text-align: justify;
}
}
36 changes: 36 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

15 changes: 15 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"name": "primjer",
"version": "1.0.0",
"description": "Vježba za korištenje git-a",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"scss": "^0.2.4"
}
}