.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;
}
.form-section {
margin-top: 20px;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.form-group {
display: flex;
flex-direction: column;
}
.form-group label {
margin-bottom: 8px;
font-weight: 600;
color: white;
font-size: 14px;
}
.form-group input,
.form-group select {
padding: 12px;
font-size: 16px;
border: 2px solid rgba(255,255,255,0.3);
border-radius: 6px;
font-family: 'Courier New', monospace;
background: rgba(255,255,255,0.95);
transition: all 0.3s ease;
}
.form-group input:focus,
.form-group select:focus {
outline: none;
border-color: #4CAF50;
background: white;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.button-group {
margin-top: 20px;
display: flex;
justify-content: center;
}
.calc-button {
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);
}
.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-bottom: 15px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
.result-section:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.section-header {
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
padding: 15px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.section-header h3 {
margin: 0;
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
}
.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: 180px;
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-section {
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;
font-size: 14px;
color: #666;
line-height: 1.6;
}
.info-section h4 {
color: #333;
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
}
.info-section code {
background: #f5f5f5;
padding: 2px 6px;
border-radius: 3px;
font-family: 'Courier New', monospace;
color: #d63384;
}
.help-text {
margin-top: 15px;
font-size: 13px;
color: rgba(255,255,255,0.9);
background: rgba(0,0,0,0.1);
padding: 10px 15px;
border-radius: 4px;
}
/* Responsive design */
@media (max-width: 768px) {
.form-row {
grid-template-columns: 1fr;
gap: 15px;
}
}
Om Friis-transmissionsligningen
Friis transmissionsligningen relaterer den effekt, som modtages af en antenne, til den effekt, der transmitteres af en anden antenne, adskilt af en vis afstand. Ligningen tager højde for antenneforstærkninger og signalets bølgelængde.
Formel:
Pr / Pt = Gt × Gr × (λ / 4πR)²
Hvor:
-
Pr= Strøm på modtagerantennen
-
Pt= Udgangseffekt fra sendeantenne
-
Gr= Forstærkning af modtageantennen
-
Gt= Forstærkning af sendeantennen
-
λ= Bølgelængde
-
R= Afstand mellem antenner
Fresnel zone:Fresnel-zonen er et ellipseformet område mellem sende- og modtageantennerne. Denne lommeregner beregner radius ved midtpunktet, hvilket er afgørende for at bestemme, om forhindringer vil forstyrre signalet.