nikola/school
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

consolidate all repos to one for archive

Browse Source
This commit is contained in:
Nikola Petrov
2025-01-28 13:46:42 +01:00
commit a6610fbc7a
5350 changed files with 2705721 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/index.html Normal file
View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Moja spletna stran</h1>
<nav>
<ul>
<li><a href="index.html">Domov</a></li>
<li><a href="izdelki.html">Izdelki</a></li>
<li><a href="svetovanje.html">Svetovanje</a></li>
<li><a href="http://estudij.um.si">Vaje</a></li>
</ul>
</nav>
</header>
<div class="vsebina"> <!--Preimenoval article v div-->
<div class="kartica">
<h2>Naslov</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non risus ipsum. Curabitur in consectetur mauris, nec ultrices elit. Proin sit amet condimentum urna. Maecenas iaculis eros ac orci faucibus laoreet. Sed congue, diam in suscipit rhoncus, metus sem consequat nibh, in aliquet lacus ligula at neque. Fusce eu sem lorem. Vestibulum in tellus convallis, ultricies ligula a, consectetur dolor. Quisque felis ipsum, condimentum ut finibus nec, interdum semper dui. Ut tempus rutrum tincidunt. Phasellus pulvinar dolor et nunc imperdiet iaculis. Aliquam erat volutpat. Sed nec dolor sed nisl aliquam tincidunt. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent posuere dapibus ipsum. Quisque ac mi pretium, faucibus nisi et, elementum nunc. Duis eu porta mauris, id ultrices dolor.
</p>
<figure>
<img src="slika.jpg" />
<figcaption>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</figcaption>
</figure>
</div>
<div class="kartica">
<h2>Video: Big Buck Bunny</h2>
<video controls>
<source src="mov_bbb.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<p>
Ut non tempus dui, non euismod leo. Ut dignissim fermentum enim, vitae luctus nunc aliquam a. Donec in auctor purus, tempor porttitor orci. Ut sagittis sem eu lacus euismod pellentesque. Cras eu orci arcu. Nullam euismod mattis leo. Quisque vel volutpat ante, non posuere magna. In feugiat mi nunc.
</p>
</div>
</div>
</body>
</html>

66
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/izdelki.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Moja spletna stran</h1>
<nav>
<ul>
<li><a href="index.html">Domov</a></li>
<li><a href="izdelki.html">Izdelki</a></li>
<li><a href="svetovanje.html">Svetovanje</a></li>
<li><a href="http://estudij.um.si">Vaje</a></li>
</ul>
</nav>
</header>
<div class="vsebina">
<div class="kartica izdelek">
<h3>Procesor Intel Core-i9-7900X</h3>
<img src="https://www.evetech.co.za/repository/ProductImages/intel-Core-i9-7900X-Processor-1000px-v1.jpg" />
<div class="opis">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non risus ipsum. Curabitur in consectetur mauris, nec ultrices elit.</p>
</div>
</div>
<div class="kartica izdelek">
<h3>Grafična kartica GeForce RTX 2080 Ti</h3>
<img src="https://asset.msi.com/resize/image/global/product/product_1_20180919185540_5ba22b2ce7ec4.png62405b38c58fe0f07fcef2367d8a9ba1/1024.png" />
<div class="opis">
<p>Etiam dignissim lectus purus, et rhoncus nibh dignissim at. Nullam lorem sem, sagittis eget ornare et, gravida ut felis. Duis lobortis, sem quis tincidunt accumsan, leo ante iaculis nulla, eget tincidunt dui massa tristique quam. Phasellus dignissim odio sit amet congue molestie. Sed vestibulum erat ac lectus facilisis suscipit. Nam sodales ligula et risus aliquam, vitae ultrices sem ultrices. Curabitur viverra ac sem in aliquet. Morbi dapibus dui mi, sit amet vulputate felis sollicitudin in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique ornare efficitur. Phasellus vulputate mollis ante ac tincidunt. </p>
</div>
</div>
<div class="kartica izdelek">
<h3>Grafična kartica GeForce RTX 2080 Ti</h3>
<img src="https://asset.msi.com/resize/image/global/product/product_1_20180919185540_5ba22b2ce7ec4.png62405b38c58fe0f07fcef2367d8a9ba1/1024.png" />
<div class="opis">
<p>Etiam dignissim lectus purus, et rhoncus nibh dignissim at. Nullam lorem sem, sagittis eget ornare et, gravida ut felis. Duis lobortis, sem quis tincidunt accumsan, leo ante iaculis nulla, eget tincidunt dui massa tristique quam. Phasellus dignissim odio sit amet congue molestie. Sed vestibulum erat ac lectus facilisis suscipit. Nam sodales ligula et risus aliquam, vitae ultrices sem ultrices. Curabitur viverra ac sem in aliquet. Morbi dapibus dui mi, sit amet vulputate felis sollicitudin in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique ornare efficitur. Phasellus vulputate mollis ante ac tincidunt. </p>
</div>
</div>
<div class="kartica izdelek">
<h3>Procesor Intel Core-i9-7900X</h3>
<img src="https://www.evetech.co.za/repository/ProductImages/intel-Core-i9-7900X-Processor-1000px-v1.jpg" />
<div class="opis">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non risus ipsum. Curabitur in consectetur mauris, nec ultrices elit.</p>
</div>
</div>
<div class="kartica izdelek">
<h3>Procesor Intel Core-i9-7900X</h3>
<img src="https://www.evetech.co.za/repository/ProductImages/intel-Core-i9-7900X-Processor-1000px-v1.jpg" />
<div class="opis">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non risus ipsum. Curabitur in consectetur mauris, nec ultrices elit.</p>
</div>
</div>
<div class="kartica izdelek">
<h3>Grafična kartica GeForce RTX 2080 Ti</h3>
<img src="https://asset.msi.com/resize/image/global/product/product_1_20180919185540_5ba22b2ce7ec4.png62405b38c58fe0f07fcef2367d8a9ba1/1024.png" />
<div class="opis">
<p>Etiam dignissim lectus purus, et rhoncus nibh dignissim at. Nullam lorem sem, sagittis eget ornare et, gravida ut felis. Duis lobortis, sem quis tincidunt accumsan, leo ante iaculis nulla, eget tincidunt dui massa tristique quam. Phasellus dignissim odio sit amet congue molestie. Sed vestibulum erat ac lectus facilisis suscipit. Nam sodales ligula et risus aliquam, vitae ultrices sem ultrices. Curabitur viverra ac sem in aliquet. Morbi dapibus dui mi, sit amet vulputate felis sollicitudin in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique ornare efficitur. Phasellus vulputate mollis ante ac tincidunt. </p>
</div>
</div>
<div class="spacer"></div>
</div>
</body>
</html>

BIN
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/mov_bbb.mp4 Normal file
View File

Binary file not shown.

BIN
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/slika.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

251
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/style.css Normal file
View File

@@ -0,0 +1,251 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
html{
min-height: 100%;
height: 100%;
background-color: #404040;
font-family: 'Open Sans', sans-serif;
padding: 0px; /*Določi zunanji odmik*/
}
body{
min-height: 100%;
height: 100%;
background-color: #404040;
font-family: 'Open Sans', sans-serif;
padding: 0px; /*Določi zunanji odmik*/
margin-top: 110px;
}
*{
box-sizing: border-box;
}
header{
position: fixed;
left: 0px;
top: 0px;
right: 0px;
}
h1{
background-color: black;
color: orange;
text-align: center;
outline-offset: 10px; /*Določi notranji odmik*/
margin-bottom: 0px;
margin-top: 0px;
}
nav ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: orange;
}
nav ul li{
float: left;
}
nav ul li a{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav ul li a:hover{
background-color: #111;
}
div.vsebina{
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.kartica{
background-color: #707070;
margin-top: 20px;
color: white;
margin: 1%;
}
h2{
display: block;
padding: 10px;
color: white;
background-color: orange;
text-align: center;
}
p{
padding-left: 10px;
padding-right: 10px;
}
/*INDEX*/
img{
width: 100%;
}
figure{
margin: 0px;
}
figcaption{
text-align: center;
}
video{
width: 100%;
padding: 0px;
}
/*IZDELKI*/
h3{
background-color: orange;
text-align: center;
padding: 10px;
margin: 0px;
height: 40px;
font-size: smaller;
}
div.izdelek p{
margin: 0px;
padding: 5px;
height: 150px;
overflow: auto;
}
div.izdelek img{
max-width: 100%;
height: 200px;
}
div.izdelek{
display: inline-block;
height: 400px;
width: 30%;
}
/*SVETOVANJE*/
form.obrazec{
padding: 10px;
}
label.oznaka{
display: inline-block;
width: 180px;
}
input[type=text]{
display: inline-block;
width: 100%;
background-color: #cccccc;
border-radius: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
padding-bottom: 20px;
margin-top: 8px;
margin-bottom: 8px;
}
textarea{
border-width: 20px;
display:block;
width: 100%;
height: 150px;
resize: none;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
padding-bottom: 20px;
border-radius: 2px;
background-color: #cccccc;
border-color: orange;
}
textarea:focus{
border-color: pink;
}
input[type=submit]{
background-color: orange;
width: 100%;
padding: 16px;
margin-top: 10px;
border: none;
border-radius: 4px;
font-weight: bold;
}
input[type=submit]:hover{
background-color: darkorange;
cursor: pointer;
}
/*RESIZE*/
@media only screen and (max-width: 600px) {
label.radio-gumb{
display: block;
}
label.checkbox-gumb{
display: block;
}
div.izdelek{
width:90%;
}
nav ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
background-color: orange;
}
nav ul li{
float: none;
}
nav ul li a{
display: block;
color: white;
padding: 8px 16px;
text-decoration: none;
}
body{
margin-top: 210px;
}
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
label.radio-gumb{
display: block;
}
label.checkbox-gumb{
display: block;
}
div.izdelek{
width: 45%;
}
}

45
semester_1/uvod_v_svetovni_splet/Vaja_3/CSS/svetovanje.html Normal file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Moja spletna stran</h1>
<nav>
<ul>
<li><a href="index.html">Domov</a></li>
<li><a href="izdelki.html">Izdelki</a></li>
<li><a href="svetovanje.html">Svetovanje</a></li>
<li><a href="http://estudij.um.si">Vaje</a></li>
</ul>
</nav>
</header>
<div class="vsebina">
<div class="kartica">
<h2>Anketa</h2>
<form class="obrazec">
<label class="oznaka">Ime in priimek:</label><input type="text"/><br/>
<label class="oznaka">Kraj:</label><input type="text"/><br/>
<label class="oznaka">Elektronska pošta:</label><input type="text"/><br/>
<label class="oznaka">Vrsta računalnika:</label>
<label class="radio-gumb" for="namizni"><input type="radio" name="vrsta" id="namizni">Namizni<span class="pika"></span></label>
<label class="radio-gumb" for="prenosni"><input type="radio" name="vrsta" id="prenosni">Prenosni<span class="pika"></span></label>
<label class="radio-gumb" for="allinone"><input type="radio" name="vrsta" id="allinone">All-In-One<span class="pika"></span></label>
<br/>
<label class="oznaka">Namen uporabe:</label>
<label class="checkbox-gumb" for="igre"><input name="namen" type="checkbox" id="igre">Igranje iger<span class="kljukica"></label>
<label class="checkbox-gumb" for="video"><input name="namen" type="checkbox" id="video">Video obdelava<span class="kljukica"></label>
<label class="checkbox-gumb" for="3d"><input name="namen" type="checkbox" id="3d">3D modeliranje<span class="kljukica"></label>
<label class="checkbox-gumb" for="ml"><input name="namen" type="checkbox" id="ml">Strojno učenje<span class="kljukica"></label>
<br/>
<label class="oznaka">Komentar:</label><textarea></textarea><br/>
<input type="submit" value="Pošlji"/>
</form>
</div>
<div id="content">
</body>
</html>