Compare commits
No commits in common. "7489da78a47ca428a78a957018c9c067b5651515" and "ee46837d4c77f88184232b1790c618d6d318bd62" have entirely different histories.
7489da78a4
...
ee46837d4c
|
|
@ -11,9 +11,6 @@
|
||||||
.category-buttons {
|
.category-buttons {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #A9A9A9;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-buttons button {
|
.category-buttons button {
|
||||||
|
|
@ -21,12 +18,10 @@
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: lightgray;
|
background-color: #f2f2f2;
|
||||||
border: 1px solid black;
|
border: 1px solid #ccc;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
transition: background-color 0.3s, color 0.3s, border 0.3s;
|
transition: background-color 0.3s, color 0.3s, border 0.3s;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-buttons button.active {
|
.category-buttons button.active {
|
||||||
|
|
@ -40,21 +35,20 @@ table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
background-color: whitesmoke;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th, td {
|
th, td {
|
||||||
border: 1px solid grey;
|
border: 1px solid #ddd;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
background-color: whitesmoke;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr:nth-child(even) {
|
tr:nth-child(even) {
|
||||||
background-color: whitesmoke;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stylizacja kontenera klasy */
|
/* Stylizacja kontenera klasy */
|
||||||
|
|
@ -133,8 +127,6 @@ footer.footer {
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stylizacja przycisków ogólna */
|
/* Stylizacja przycisków ogólna */
|
||||||
|
|
@ -151,22 +143,3 @@ input[type="checkbox"] {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.sticky {
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
background-color: white; /* lub inny kolor, aby tło było widoczne */
|
|
||||||
z-index: 1000; /* zapewnia, że będzie na wierzchu */
|
|
||||||
border-bottom: 1px solid #ccc; /* opcjonalnie, aby oddzielić od treści */
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-background {
|
|
||||||
background-color: #2e2e2e; /* Ciemnoszare tło */
|
|
||||||
color: #ffffff; /* Jasny kolor tekstu dla lepszej czytelności */
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lead {
|
|
||||||
background-color: #555;
|
|
||||||
}
|
|
||||||
43
index.html
43
index.html
|
|
@ -4,26 +4,10 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Ocena Zachowania</title>
|
<title>Ocena Zachowania</title>
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<style>
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
background-color: lightgray; /* Kolor tła nagłówka */
|
|
||||||
z-index: 10; /* Zapewnia, że nagłówek będzie nad innymi elementami */
|
|
||||||
border: 1px solid #ddd; /* Opcjonalnie: Dodanie obramowania */
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="dark-background">
|
<body>
|
||||||
|
|
||||||
<h1 class="lead" style="font-size: 48px;"><em>Ocena Zachowania</em></h1>
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1>Ocena Zachowania</h1>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button onclick="showTab('criteria')">Ocena z zachowania</button>
|
<button onclick="showTab('criteria')">Ocena z zachowania</button>
|
||||||
|
|
@ -166,20 +150,17 @@
|
||||||
<div id="stats-output"></div>
|
<div id="stats-output"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-left">
|
||||||
|
<p>B. Hrynowiecki</p>
|
||||||
|
<p>K. Michalak</p>
|
||||||
|
<p>F. Kowalski</p>
|
||||||
|
</div>
|
||||||
<hr class="footer-line">
|
<hr class="footer-line">
|
||||||
<footer class="footer">
|
<div class="footer-right">
|
||||||
<div class="footer-left">
|
<p>Led and Authored by M. Pabiszczak</p>
|
||||||
<p>B. Hrynowiecki</p>
|
</div>
|
||||||
<p>K. Michalak</p>
|
</footer>
|
||||||
<p>F. Kowalski</p>
|
|
||||||
<p>S. Ptak</p>
|
|
||||||
<p>M. Marszalik</p>
|
|
||||||
</div>
|
|
||||||
<div class="footer-right">
|
|
||||||
<p>M. Pabiszczak</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Przeniesienie skryptu na koniec body -->
|
<!-- Przeniesienie skryptu na koniec body -->
|
||||||
<script src="js/script.js"></script>
|
<script src="js/script.js"></script>
|
||||||
|
|
|
||||||
11
js/script.js
11
js/script.js
|
|
@ -414,14 +414,3 @@ async function generateTable(category) {
|
||||||
tbody.appendChild(row);
|
tbody.appendChild(row);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
//window.onscroll = function() {
|
|
||||||
// const stickyElements = document.querySelectorAll('.sticky');
|
|
||||||
//stickyElements.forEach(element => {
|
|
||||||
// if (window.pageYOffset > element.offsetTop) {
|
|
||||||
// element.classList.add('active');
|
|
||||||
// } else {
|
|
||||||
// element.classList.remove('active');
|
|
||||||
//}
|
|
||||||
//});
|
|
||||||
//};
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue