diff --git a/index.html b/index.html
index 4dad431..11808a3 100644
--- a/index.html
+++ b/index.html
@@ -17,31 +17,43 @@
.slide {
display: none;
min-height: 100vh;
- padding: 6vh 8vw;
+ padding: 5vh 7vw;
flex-direction: column;
justify-content: center;
}
.slide.on { display: flex; }
.slide h1 {
- font-size: clamp(28px, 5vw, 52px);
- margin-bottom: 28px;
+ font-size: clamp(24px, 4.2vw, 42px);
+ margin-bottom: 20px;
line-height: 1.2;
color: #ffffff;
border-left: 5px solid #00b8cc;
- padding-left: 20px;
+ padding-left: 18px;
+ padding-right: 12px;
}
- .slide .sub {
- font-size: clamp(16px, 2.2vw, 24px);
- color: #9beeff;
- margin-bottom: 24px;
- font-style: italic;
+ .content-row {
+ display: flex;
+ gap: 32px;
+ align-items: flex-start;
+ flex-wrap: wrap;
}
+ .text-col { flex: 1; min-width: 280px; }
+ .img-col { flex: 0 0 380px; max-width: 420px; }
+ .slide img {
+ width: 100%;
+ height: auto;
+ border-radius: 14px;
+ border: 2px solid #2a3050;
+ box-shadow: 0 8px 30px rgba(0,0,0,0.4);
+ object-fit: cover;
+ }
+ .slide img.tall { max-height: 55vh; }
.slide ul { padding-left: 0; list-style: none; }
.slide li {
- font-size: clamp(16px, 2.3vw, 24px);
- line-height: 1.7;
- margin-bottom: 12px;
- padding-left: 32px;
+ font-size: clamp(14px, 1.9vw, 21px);
+ line-height: 1.65;
+ margin-bottom: 9px;
+ padding-left: 28px;
position: relative;
color: #e4e4e7;
}
@@ -50,14 +62,21 @@
position: absolute;
left: 0;
top: .55em;
- width: 14px;
- height: 14px;
- border-radius: 4px;
+ width: 12px;
+ height: 12px;
+ border-radius: 3px;
background: linear-gradient(135deg, #00b8cc, #0088aa);
- box-shadow: 0 0 20px rgba(0, 184, 204, 0.4);
+ box-shadow: 0 0 16px rgba(0, 184, 204, 0.4);
}
.slide li strong { color: #00d4e8; }
- .num { position: fixed; bottom: 18px; right: 22px; color: #8a8a92; font-size: 14px; z-index: 100; }
+ .num {
+ position: fixed;
+ bottom: 18px;
+ right: 22px;
+ color: #8a8a92;
+ font-size: 14px;
+ z-index: 100;
+ }
.nav {
position: fixed;
bottom: 14px;
@@ -83,25 +102,33 @@
background: linear-gradient(135deg, #00b8cc22, #0088aa22);
}
.nav .pptx:hover { background: linear-gradient(135deg, #00b8cc33, #0088aa33); }
- .footer-slide {
- position: absolute;
- bottom: 40px;
- left: 8vw;
- right: 8vw;
- font-size: 13px;
- color: #6b7280;
- display: flex;
- justify-content: space-between;
+
+ /* Схемалар */
+ .schematic {
+ background: #11151f;
+ border: 2px solid #2a3050;
+ border-radius: 14px;
+ padding: 14px;
+ width: 100%;
+ margin-bottom: 12px;
+ }
+ .schematic svg { width: 100%; height: auto; display: block; }
+ .schematic-label {
+ font-size: 11px;
+ color: #8a93a8;
+ text-align: center;
+ margin-top: 6px;
+ letter-spacing: 0.3px;
+ }
+ @media (max-width: 900px) {
+ .content-row { flex-direction: column; }
+ .img-col { flex: 1 1 100%; max-width: 100%; }
+ .slide { padding: 4vh 5vw; }
}
@media print {
.nav, .num { display: none; }
.slide { display: flex; page-break-after: always; min-height: 100vh; }
}
- @media (max-width: 768px) {
- .slide { padding: 4vh 6vw; }
- .slide h1 { font-size: 26px; margin-bottom: 20px; }
- .slide li { font-size: 16px; }
- }
@@ -113,148 +140,330 @@