.calc-header {
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
color: white;
}
.calc-header h2 {
margin-top: 0;
color: white;
font-size: 28px;
margin-bottom: 10px;
}
.calc-header p {
margin: 10px 0;
opacity: 0.95;
font-size: 15px;
}
.input-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}
.input-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.input-group label {
font-weight: bold;
font-size: 14px;
color: rgba(255,255,255,0.95);
}
.input-row {
display: flex;
gap: 10px;
}
.input-group input,
.input-group select {
padding: 12px;
font-size: 16px;
border: 2px solid rgba(255,255,255,0.3);
border-radius: 6px;
background: rgba(255,255,255,0.95);
transition: all 0.3s ease;
font-family: 'Courier New', monospace;
}
.input-group input {
flex: 1;
}
.input-group select {
min-width: 150px;
}
.input-group input:focus,
.input-group select:focus {
outline: none;
border-color: #4CAF50;
background: white;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.calc-button {
margin-top: 20px;
padding: 14px 35px;
font-size: 16px;
background: #4CAF50;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
width: 100%;
}
.calc-button:hover {
background: #45a049;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.calc-button:active {
background: #3d8b40;
transform: translateY(0);
}
.result-section {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
margin-top: 30px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
display: none;
}
.result-section.show {
display: block;
}
.section-header {
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
padding: 15px 20px;
font-size: 18px;
font-weight: bold;
}
.section-content {
padding: 20px;
background: #fafafa;
}
.data-row {
display: flex;
margin: 12px 0;
padding: 10px;
background: white;
border-radius: 4px;
border-left: 3px solid #4CAF50;
}
.data-label {
font-weight: bold;
color: #555;
min-width: 220px;
flex-shrink: 0;
}
.data-value {
color: #333;
font-family: 'Courier New', monospace;
word-break: break-word;
}
.data-value.highlight {
color: #4CAF50;
font-weight: bold;
font-size: 18px;
}
.info-box {
margin-top: 30px;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
border-top: 3px solid #4CAF50;
}
.info-box h3 {
margin-top: 0;
color: #4CAF50;
font-size: 20px;
}
.info-box p {
line-height: 1.6;
color: #555;
margin: 10px 0;
}
/* Responsive design */
@media (max-width: 768px) {
.input-grid {
grid-template-columns: 1fr;
}
.input-row {
flex-direction: column;
}
.input-group select {
width: 100%;
}
.data-row {
flex-direction: column;
}
.data-label {
margin-bottom: 5px;
min-width: auto;
}
}
Tietoja Fresnel Zonesista
Mikä on Fresnel Zone?Fresnel Zone on elliptinen alue kahden antennin välisen näkölinjan ympärillä. Radioaallot leviävät kulkiessaan, ja tämä vyöhyke edustaa aluetta, jossa aallot voivat häiritä rakentavasti tai tuhoavasti.
Miksi se on tärkeää?Optimaalisen RF-linkin suorituskyvyn saavuttamiseksi vähintään 60 % ensimmäisestä Fresnel-vyöhykkeestä tulee olla esteetön (rakennukset, puut, maasto). Tämä laskin auttaa sinua määrittämään tarvittavan etäisyyssäteen langattoman linkin keskipisteessä.
Käyttöohjeet:Syötä toimintataajuutesi ja antennien välinen kokonaisetäisyys. Laskin näyttää Fresnel-vyöhykkeen säteen leveimmässä kohdassa (linkin keskellä).