Skip to content

Commit b47c3d4

Browse files
CyberBullingCyberBulling
committed
2 parents 15a84ff + e98965f commit b47c3d4

8 files changed

Lines changed: 332 additions & 75 deletions

File tree

‎css/home_page.css‎

Lines changed: 34 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,64 @@
11
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");
22
@import url("main.css");
33

4+
h1 {
5+
font-size: 40px;
6+
}
7+
8+
img {
9+
position: absolute;
10+
top: 50%;
11+
left: 50%;
12+
transform: translate(-50%, -50%);
13+
height: 100%;
14+
}
415
.button-container {
516
display: flex;
6-
gap: 20px;
17+
flex-direction: row;
18+
gap: 70px;
719
justify-content: center;
820
margin-top: 50px;
921
text-align: center;
1022
height: 350px;
1123
width: 30%;
1224
margin: 40px auto;
1325
padding: 10px;
14-
border-radius: 10px;
15-
/* border: var(--border);
16-
border-radius: var(--border-radius); */
26+
border: 1px solid grey;
27+
border-radius: 20px;
1728
align-items: center;
18-
background: #bcbcbc;
29+
background: #f4f4f4;
30+
}
31+
.button-description {
32+
margin-top: 10px;
33+
text-align: center;
34+
}
35+
.button-description p {
36+
font-size: 18px;
37+
font-weight: bold;
38+
}
39+
40+
#graph {
41+
opacity: 0.5;
42+
pointer-events: none;
1943
}
2044

2145
.button-container button {
2246
padding: 15px;
2347
border: none;
24-
border-radius: 50%;
48+
border-radius: 25%;
2549
background: grey;
2650
cursor: pointer;
2751
transition: var(--transit);
28-
width: 100px;
29-
height: 100px;
52+
width: 130px;
53+
height: 130px;
3054
display: flex;
3155
align-items: center;
3256
justify-content: center;
3357
}
3458

3559
.material-symbols-outlined {
36-
font-size: 60px !important;
37-
color: var(--form-color);
60+
font-size: 100px !important;
61+
color: white;
3862
}
3963

4064
.button-container button:hover {

‎css/zad11.css‎

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,24 @@
77
height: 27px;
88
width: max-content;
99
}
10+
#classs{
11+
font-size: 20px;
12+
font-weight: bold;
13+
}
14+
.info-button::after {
15+
width: 400px;
16+
content: attr(data-tooltip);
17+
position: absolute;
18+
background: var(--back-color);
19+
color: var(--text-color);
20+
font-size: 17px;
21+
padding: 6px 12px;
22+
border-radius: 30px;
23+
visibility: hidden;
24+
transition: 1s;
25+
border: 1px solid black;
26+
/* pointer-events: none; */
27+
}
1028

1129
#function-container {
1230
margin: 10px;
@@ -30,7 +48,7 @@
3048
}
3149

3250
#check-result {
33-
width: calc(100% - 40px);
51+
width: 50%;
3452
height: 40px;
3553
margin: 20px;
3654
padding: 10px;
@@ -68,10 +86,11 @@
6886
justify-content: center;
6987
}
7088

71-
p{
72-
font-size: var(--font-size);
89+
p {
90+
font-size: 20px;
91+
font-weight: bold;
7392
}
7493

75-
#full{
94+
#full {
7695
width: auto;
7796
}

‎css/zad12.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,4 +31,8 @@ button:hover {
3131
margin: 0;
3232
height: 30px;
3333
width: max-content;
34-
}
34+
}
35+
.input-header {
36+
position: relative;
37+
top: -20px;
38+
}

‎index.html‎

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,20 @@
66
<link rel="stylesheet" href="css/home_page.css" />
77
<link rel="icon" href="images/logo.png" type="image/x-icon" />
88
<link
9-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
109
rel="stylesheet"
10+
href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"
1111
/>
1212
<link
1313
rel="stylesheet"
14-
href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"
14+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=graph_4,table_edit"
1515
/>
1616
<title>Главная страница</title>
1717
</head>
1818

1919
<body>
20-
<h1>Конференция по булевым функциям. <br />Команда WW.</h1>
20+
<h1>Конференция по дискретным структурам. <br />Команда WW.</h1>
2121
<div class="header-buttons">
22+
<img src="images/logo.png">
2223
<div class="theme-switch-wrapper">
2324
<label
2425
class="theme-switch"
@@ -73,19 +74,24 @@ <h1>Конференция по булевым функциям. <br />Кома
7374
</div>
7475
</div>
7576
<div class="button-container">
76-
<!-- <button id="open-settings">
77-
<span class="material-symbols-outlined">settings</span>
78-
</button> -->
79-
<button
80-
id="play"
81-
onclick="()=>{e.preventDefault()
77+
<div class="button-description">
78+
<button
79+
id="play"
80+
onclick="()=>{e.preventDefault()
8281
window.location.href = 'zads.html'}"
83-
>
84-
<span class="material-symbols-outlined">play_circle</span>
85-
</button>
86-
<!-- <button id="open-rate">
87-
<span class="material-symbols-outlined">signal_cellular_alt</span>
88-
</button> -->
82+
>
83+
<span class="material-symbols-outlined"> table_edit </span>
84+
</button>
85+
<p>Булевы Функции</p>
86+
</div>
87+
<div class="button-description">
88+
<button id="graph">
89+
<span class="material-symbols-outlined" style="color: #e3e3e3">
90+
graph_4
91+
</span>
92+
</button>
93+
<p>Графы</p>
94+
</div>
8995
</div>
9096
<script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
9197
<script src="js/index.js"></script>

‎zadania/zad10.html‎

Lines changed: 65 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,27 +9,65 @@
99
rel="stylesheet"
1010
href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"
1111
/>
12+
<link
13+
rel="stylesheet"
14+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=question_mark"
15+
/>
1216
<title>Задача 10</title>
1317
</head>
1418

1519
<body>
1620
<div class="header-buttons">
17-
<button onclick="location.href='../zads.html'" class="back-button">К задачам</button>
21+
<button onclick="location.href='../zads.html'" class="back-button">
22+
К задачам
23+
</button>
1824
<div class="theme-switch-wrapper">
19-
<label class="theme-switch" for="theme-checkbox" aria-label="Переключить тему">
20-
<input type="checkbox" id="theme-checkbox" class="theme-switch__input" />
25+
<label
26+
class="theme-switch"
27+
for="theme-checkbox"
28+
aria-label="Переключить тему"
29+
>
30+
<input
31+
type="checkbox"
32+
id="theme-checkbox"
33+
class="theme-switch__input"
34+
/>
2135
<div class="theme-switch__container">
2236
<div class="theme-switch__toggle">
23-
<svg class="theme-switch__icon" viewBox="0 0 24 24" width="16" height="16">
24-
<path fill="currentColor" d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" />
37+
<svg
38+
class="theme-switch__icon"
39+
viewBox="0 0 24 24"
40+
width="16"
41+
height="16"
42+
>
43+
<path
44+
fill="currentColor"
45+
d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z"
46+
/>
2547
</svg>
2648
</div>
2749
<div class="theme-switch__icons">
28-
<svg class="theme-switch__icon-sun" viewBox="0 0 24 24" width="16" height="16">
29-
<path fill="currentColor" d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" />
50+
<svg
51+
class="theme-switch__icon-sun"
52+
viewBox="0 0 24 24"
53+
width="16"
54+
height="16"
55+
>
56+
<path
57+
fill="currentColor"
58+
d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z"
59+
/>
3060
</svg>
31-
<svg class="theme-switch__icon-moon" viewBox="0 0 24 24" width="16" height="16">
32-
<path fill="currentColor" d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18Z" />
61+
<svg
62+
class="theme-switch__icon-moon"
63+
viewBox="0 0 24 24"
64+
width="16"
65+
height="16"
66+
>
67+
<path
68+
fill="currentColor"
69+
d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18Z"
70+
/>
3371
</svg>
3472
</div>
3573
</div>
@@ -38,13 +76,28 @@
3876
</div>
3977
<h1>Игра: Предполные классы б.ф.</h1>
4078
<form id="form">
41-
<button id="generate-vector" type="button">
42-
Сгенерировать вектор функции
79+
<button
80+
id="info"
81+
class="info-button"
82+
data-tooltip="По нажатию на кнопку 'Сгенерировать вектор' система выдаст вам случайный вектор функции. Ваша задача выбрать каким предполным классам принадлежит данная функция. Классы:
83+
Функция принадлежит классу T0, если она сохраняет ноль на наборе из всех нулей.
84+
Функция принадлежит классу T1, если она сохраняет единицу на наборе из всех единиц.
85+
Функция принадлежит классу S, если на противоположных наборах она принимает противоположные значения.
86+
Функция принадлежит классу L, когда её можно представить полиномом Жегалкина первой степени.
87+
Функция принадлежит классу M, если входной набор x покомпонентно не превосходит y и f(x)≤f(y).
88+
Чтобы проверить свой ответ нажмите на кнопку 'Проверить'."
89+
>
90+
<span class="material-symbols-outlined"> question_mark </span>
4391
</button>
92+
<div class="input-header">
93+
<button id="generate-vector" type="button">
94+
Сгенерировать вектор функции
95+
</button>
96+
</div>
4497
<div id="output-container">
4598
<p id="output1"></p>
4699
</div>
47-
<p>Выберите предполные классы, которым принадлежит вектор</p>
100+
<p id="classs">Выберите предполные классы, которым принадлежит вектор</p>
48101
<div class="class-container">
49102
<div id="T0" class="class-button">T0</div>
50103
<div id="T1" class="class-button">T1</div>

0 commit comments

Comments
 (0)