Change tecaj

Add LFS
This commit is contained in:
Jakob Kordež
2023-01-31 16:17:58 +01:00
parent c295b08f83
commit 1abe5244b6
6 changed files with 99 additions and 82 deletions

1
.gitattributes vendored Normal file
View File

@ -0,0 +1 @@
/public/prosojnice/prosojnice.pdf filter=lfs diff=lfs merge=lfs -text

View File

@ -646,7 +646,7 @@ V zimskem času +1h, v poletnem +2h
<img src="images/web_0.png">
<img src="images/web_0.png" height=700>
----
@ -674,7 +674,7 @@ Vegova: **JN76GB**
<img src="images/web_1.png">
<img src="images/web_1.png" height=600>
----
@ -738,21 +738,21 @@ Druge informacije, primerne za na QSL kartico:
- &hellip;
</div>
<img src="images/Qsl 2022 v2.jpg" width=40%>
<img src="images/Qsl 2022 v2.jpg" width=400>
</div>
<div class="row-even">
<img src="images/web_2.jpg" width=40%>
<img src="images/qsl_ussr.jpg" width=40%>
<img src="images/web_2.jpg" height=300>
<img src="images/qsl_ussr.jpg" height=300>
</div>
<div class="row-even">
<img src="images/web_3.jpg" width=40%>
<img src="images/web_4.jpg" width=40%>
<img src="images/web_3.jpg" height=600>
<img src="images/web_4.jpg" height=300>
</div>
----
@ -789,12 +789,12 @@ Vsak tekmovanje lahko omeji:
**KV** 80 m 3-5 W, **UKV** 2 m 0,25-1,5 W
<div class="row-even">
<img src="images/arg1.jpg" width=40%>
<img src="images/arg2.jpg" width=40%>
<img src="images/arg1.jpg" height=350>
<img src="images/arg2.jpg" height=350>
</div>
</div>
<img src="images/arg_map.jpg" width=30%>
<img src="images/arg_map.jpg" height=550>
</div>
@ -828,7 +828,7 @@ Slovenski diplomi:
- S5 UL Diploma
</div>
<img src="images/web_5.jpg" width=30%>
<img src="images/web_5.jpg" height=400>
</div>
@ -1183,18 +1183,18 @@ Danes večinoma samo digitalno
Lahko slišimo svojo oddajo
</div>
<img src="images/web_12.svg" width=500 class="white p-20">
<img src="images/web_12.svg" height=450 class="white p-20">
</div>
<img src="images/web_13.jpg" width=700>
<img src="images/web_13.jpg" height=600>
<a class="center-b" href="https://slovhf.net/forum/moon/s57q-2m-70cm-antene-2022">S57Q, 2m & 70cm EME antene</a>
<img src="images/EME-Array.jpg" width=800>
<img src="images/EME-Array.jpg" height=600>
----

View File

@ -691,7 +691,7 @@ $ P_\text{ef} \neq P_\text{sre} $
**Peak Envelope Power** (PEP): vrhnja (temenska) moč ovojnice, kar pomeni največjo vršno vrednost moči preko določene periode.
$$ P_\text{PEP} = \frac{U^2_\text{PEV}}{2 \cdot R} $$
<img src="images/pep.jpg" width=500>
<img src="images/pep.jpg" height=350>
----
@ -1344,12 +1344,12 @@ aluminij, galij, indij, ki ustvarijo gibljive vrzeli
Dioda v zaporni smeri prevaja majhen tok, ki ga imenujemo **zaporni tok ali tok nasičenja**
</div>
<img src="images/img1335.jpg" width=500>
<img src="images/img1335.jpg" height=230>
</div>
<div class="row-even">
<img src="images/img1344.jpg" width=600>
<img src="images/web_32.png" width=500>
<img src="images/img1344.jpg" height=250>
<img src="images/web_32.png" height=200>
</div>

View File

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:27eca556e2a3288396f5620da47521b53ad28d91b8fc01e87e9d7d9ad496b31e
size 104057693

View File

@ -1,37 +0,0 @@
import Link from "next/link";
import Image from "next/image";
interface CardProps {
title: string;
href: string;
image: string;
children: React.ReactNode;
}
export default function Card(props: CardProps) {
return (
<div className="column is-half-tablet is-one-third-desktop">
<div className="card">
<div className="card-image">
<figure className="image is-2by1 m-0">
<Image
src={props.image}
alt={props.title}
height={500}
width={500}
/>
</figure>
</div>
<div className="card-content">
<p className="title is-size-4">{props.title}</p>
<div className="content">{props.children}</div>
</div>
<footer className="card-footer has-background-light">
<Link href={props.href} className="card-footer-item button is-light">
Na poglavje
</Link>
</footer>
</div>
</div>
);
}

View File

@ -1,9 +1,14 @@
import Head from "next/head";
import { faFilePdf } from "@fortawesome/free-solid-svg-icons";
import Image from "next/image";
import {
faDownload,
faExpand,
faFilePdf,
faList,
} from "@fortawesome/free-solid-svg-icons";
import Header from "@/components/header";
import Card from "@/components/card";
import Button from "@/components/button";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
export default function Tecaj() {
return (
@ -19,28 +24,33 @@ export default function Tecaj() {
<div className="container">
<section className="section">
<div className="content">
<div className="buttons are-medium">
<iframe className="presentation" src="/prosojnice/index.html" />
<p>
Pritisnite tipko F, če želite odpreti prosojnice v
celozaslonskem načinu
</p>
<div className="buttons are-medium is-flex is-justify-content-end">
<button
className="button is-light"
onClick={() => {
const iframe = document.querySelector(
".presentation"
) as HTMLIFrameElement;
iframe.requestFullscreen();
}}
>
<span className="icon">
<FontAwesomeIcon icon={faExpand} />
</span>
<span>Celozaslonski način</span>
</button>
<Button
href="https://github.com/jakobkordez/ham-tecaj/releases/latest"
className="is-fullwidth is-light"
text="Prenos prosojnic"
icon={faFilePdf}
href="/prosojnice/prosojnice.pdf"
className="is-primary"
text="Prenesi PDF"
icon={faDownload}
/>
</div>
<h2 className="title">Uporabne povezave</h2>
<iframe className="presentation" src="/prosojnice/index.html" />
<h2>Uporabne povezave</h2>
<div className="buttons are-medium">
{/* <Button
href="https://s5-vaja.jkob.cc"
className="is-primary"
text="Star sistem za vaje"
/> */}
<Button
href="http://www.homemade.net/ra/prirocnik_novi.pdf"
className="is-light"
@ -57,6 +67,7 @@ export default function Tecaj() {
href="https://www.akos-rs.si/registri/seznam-registrov/radioamaterji"
className="is-light"
text="Seznam zasedenih klicnih znakov"
icon={faList}
/>
<Button
href="https://zrs.si/files/kriteriji.pdf"
@ -66,12 +77,12 @@ export default function Tecaj() {
/>
</div>
<h2 className="title">Kazalo poglavij</h2>
<h2>Kazalo poglavij</h2>
<div className="columns is-multiline">
<Card
title="1. Radioamaterji in radijske komunikacije"
image="/images/tecaj/poglavje1.jpg"
href="/prosojnice/index.html#1-radioamaterji-in-radijske-komunikacije"
href="#1-radioamaterji-in-radijske-komunikacije"
>
<ul>
<li>Zgodovina, razvoj in pomen radioamaterstva</li>
@ -83,7 +94,7 @@ export default function Tecaj() {
<Card
title="2. Radijske komunikacije"
image="/images/tecaj/itu.webp"
href="/prosojnice/index.html#2-radijske-komunikacije"
href="#2-radijske-komunikacije"
>
<ul>
<li>Osnovni pojmi o radijskih komunikacijah</li>
@ -95,7 +106,7 @@ export default function Tecaj() {
<Card
title="3. Predpisi za amaterske radijske komunikacije"
image="/prosojnice/images/cept.jpg"
href="/prosojnice/index.html#3-predpisi-za-amaterske-radijske-komunikacije"
href="#3-predpisi-za-amaterske-radijske-komunikacije"
>
<ul>
<li>Mednarodni predpisi</li>
@ -108,7 +119,7 @@ export default function Tecaj() {
<Card
title="4. Pravila in praksa v amaterskih radijskih komunikacijah"
image="/prosojnice/images/logs.jpg"
href="/prosojnice/index.html#4-pravila-in-praksa-v-amaterskih-radijskih-komunikacijah"
href="#4-pravila-in-praksa-v-amaterskih-radijskih-komunikacijah"
>
<ul>
<li>Vspostavljanje amaterskih radijskih zvez</li>
@ -123,7 +134,7 @@ export default function Tecaj() {
<Card
title="5. Elektrotehnika"
image="/prosojnice/images/web_19.jpg"
href="/prosojnice/index.html#5-elektrotehnika"
href="#5-elektrotehnika"
>
<ul>
<li>Električni tok, napetost in upornost</li>
@ -141,7 +152,7 @@ export default function Tecaj() {
<Card
title="6. Radiotehnika"
image="/images/tecaj/poglavje6.jpg"
href="/prosojnice/index.html#6-radiotehnika"
href="#6-radiotehnika"
>
<ul>
<li>Radijski valovi in prenos</li>
@ -164,3 +175,42 @@ export default function Tecaj() {
</>
);
}
interface CardProps {
title: string;
href: string;
image: string;
children: React.ReactNode;
}
function Card({ title, href, image, children }: CardProps) {
return (
<div className="column is-half-tablet is-one-third-desktop">
<div className="card">
<div className="card-image">
<figure className="image is-2by1 m-0">
<Image src={image} alt={title} height={500} width={500} />
</figure>
</div>
<div className="card-content">
<p className="title is-size-4">{title}</p>
<div className="content">{children}</div>
</div>
<footer className="card-footer has-background-light">
<button
className="card-footer-item button is-light"
onClick={() => {
const iframe = document.querySelector(
".presentation"
) as HTMLIFrameElement;
iframe.src = `/prosojnice/index.html${href}`;
iframe.scrollIntoView({ behavior: "smooth" });
}}
>
Na poglavje
</button>
</footer>
</div>
</div>
);
}