removed unneeded section
This commit is contained in:
parent
7e0021aa9b
commit
a750a73bfa
2 changed files with 0 additions and 199 deletions
136
dist/css/styles.css
vendored
136
dist/css/styles.css
vendored
|
|
@ -286,142 +286,6 @@ a:hover {
|
|||
color: var(--text-secondary)
|
||||
}
|
||||
|
||||
.real-world-test {
|
||||
background: var(--bg-elevated);
|
||||
border-radius: var(--radius-2xl);
|
||||
border: 1px solid var(--border-primary);
|
||||
padding: var(--space-4xl);
|
||||
margin: var(--space-3xl) 0;
|
||||
box-shadow: var(--shadow-sm)
|
||||
}
|
||||
|
||||
.real-world-header {
|
||||
text-align: center;
|
||||
margin-bottom: var(--space-3xl)
|
||||
}
|
||||
|
||||
.real-world-header h3 {
|
||||
margin: 0 0 var(--space-md);
|
||||
font-size: var(--text-2xl);
|
||||
font-weight: var(--font-bold);
|
||||
color: var(--text-primary)
|
||||
}
|
||||
|
||||
.stepper {
|
||||
counter-reset: step;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
gap: var(--space-xl)
|
||||
}
|
||||
|
||||
.stepper li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: var(--space-lg);
|
||||
padding: var(--space-xl);
|
||||
background: var(--bg-secondary);
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--border-primary);
|
||||
transition: all var(--transition-normal)
|
||||
}
|
||||
|
||||
.stepper li:hover {
|
||||
border-color: var(--primary);
|
||||
transform: translateX(4px)
|
||||
}
|
||||
|
||||
.stepper li::before {
|
||||
counter-increment: step;
|
||||
content: counter(step);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
font-size: var(--text-sm);
|
||||
font-weight: var(--font-bold);
|
||||
flex-shrink: 0
|
||||
}
|
||||
|
||||
.step-content {
|
||||
flex: 1
|
||||
}
|
||||
|
||||
.step-content strong {
|
||||
display: block;
|
||||
color: var(--text-primary);
|
||||
font-weight: var(--font-semibold);
|
||||
margin-bottom: var(--space-xs)
|
||||
}
|
||||
|
||||
.step-description {
|
||||
color: var(--text-secondary);
|
||||
font-size: var(--text-sm);
|
||||
line-height: 1.5
|
||||
}
|
||||
|
||||
.accordion {
|
||||
border: 1px solid var(--border-primary);
|
||||
border-radius: var(--radius-xl);
|
||||
background: var(--bg-elevated);
|
||||
margin: var(--space-lg) 0;
|
||||
overflow: hidden;
|
||||
transition: all var(--transition-normal)
|
||||
}
|
||||
|
||||
.accordion:hover {
|
||||
border-color: var(--primary);
|
||||
box-shadow: var(--shadow-sm)
|
||||
}
|
||||
|
||||
.accordion>summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-md);
|
||||
padding: var(--space-xl);
|
||||
font-weight: var(--font-semibold);
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
background: var(--bg-primary);
|
||||
transition: all var(--transition-fast)
|
||||
}
|
||||
|
||||
.accordion>summary::-webkit-details-marker {
|
||||
display: none
|
||||
}
|
||||
|
||||
.accordion>summary:hover {
|
||||
background: var(--bg-secondary)
|
||||
}
|
||||
|
||||
.accordion[open]>summary {
|
||||
background: var(--bg-secondary);
|
||||
border-bottom: 1px solid var(--border-primary)
|
||||
}
|
||||
|
||||
.chevron {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: var(--text-tertiary);
|
||||
transition: transform var(--transition-normal)
|
||||
}
|
||||
|
||||
.accordion[open] .chevron {
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
.accordion-content {
|
||||
padding: var(--space-xl);
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.6
|
||||
}
|
||||
|
||||
.important-notes-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
||||
|
|
|
|||
63
dist/index.html
vendored
63
dist/index.html
vendored
|
|
@ -431,69 +431,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="real-world-test">
|
||||
<div class="real-world-header">
|
||||
<h3>Real‑World Test (Recommended)</h3>
|
||||
</div>
|
||||
<ol class="stepper">
|
||||
<li>
|
||||
<div class="step-content">
|
||||
<strong>Pick a common test file</strong>
|
||||
<div class="step-description">(e.g., Linux ISO) available on multiple hosts.</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="step-content">
|
||||
<strong>Use the same network/device</strong>
|
||||
<div class="step-description">for consistency.</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="step-content">
|
||||
<strong>Clear cache or use private browsing</strong>
|
||||
<div class="step-description">between runs.</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="step-content">
|
||||
<strong>Run 3 tests per service</strong>
|
||||
<div class="step-description">and average the result.</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="step-content">
|
||||
<strong>Test peak and off‑peak</strong>
|
||||
<div class="step-description">to see variability.</div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<details class="accordion">
|
||||
<summary>
|
||||
<span>Factors That Affect Speed</span>
|
||||
<svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M6 9l6 6 6-6"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="accordion-content">
|
||||
<ul class="bullet-list">
|
||||
<li>Distance to provider servers</li>
|
||||
<li>Time of day and congestion</li>
|
||||
<li>Original host performance (e.g., Rapidgator vs. Katfile)</li>
|
||||
<li>ISP routing or throttling</li>
|
||||
<li>Local network (Wi‑Fi vs. Ethernet)</li>
|
||||
</ul>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
|
||||
<line x1="12" y1="9" x2="12" y2="13"/>
|
||||
<line x1="12" y1="17" x2="12.01" y2="17"/>
|
||||
</svg>
|
||||
<div><strong>Note:</strong> "Unlimited" can be subject to fair‑use or soft caps.</div>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue