60 lines
2.2 KiB
Vue
60 lines
2.2 KiB
Vue
<template>
|
|
<div>
|
|
|
|
<section class="header hero">
|
|
<div class="inner hero-grid">
|
|
<div>
|
|
<h1>{{ actions[random_action] }} <div class="alt">Linux</div>.</h1>
|
|
<p>Svobodný a volně dostupný operační systém.</p>
|
|
</div>
|
|
<div>
|
|
<img src="~/assets/linux.svg">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="inner features">
|
|
<div v-for="f in features">
|
|
<div class="head">
|
|
<Icon :name="f.icon" />
|
|
<div class="title">{{ f.title }}</div>
|
|
</div>
|
|
<div class="text">
|
|
{{ f.text }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
data() {
|
|
return {
|
|
actions: [
|
|
"Používej", "Zapni", "Přejdi na", "Vyzkoušej", "Zažij", "Přepni na", "Získej", "Užij si"
|
|
],
|
|
random_action: 0,
|
|
features: [
|
|
{icon: "ic:baseline-rocket-launch", title: "Rychlost", text: "Linux má velmi nízké nároky na hardware a dobře optimalizovaný kód, je proto velmi rychlý i na starších počítačích."},
|
|
{icon: "mdi:shield-check", title: "Bezpečnost", text: "Linux má většinou menší počet bezpečnostních hrozeb než Windows, protože je open-source a zabezpečení je v rukou aktivní komunity."},
|
|
{icon: "material-symbols:settings-suggest-rounded", title: "Spolehlivost", text: "Linux je znám pro svou výbornou stabilitu a méně častá selhání, což z něj dělá ideální volbu nejen pro servery a kritické aplikace."},
|
|
{icon: "material-symbols:lock-person", title: "Soukromí", text: "Linux nabízí uživatelům větší kontrolu nad jejich daty a soukromím, a to i díky velkému množství open-source nástrojů a aplikací."},
|
|
{icon: "material-symbols:deceased", title: "Snadné používání", text: "Je k dispozici mnoho uživatelsky přívětivých distribucí, které mají snadné uživatelské rozhraní a přehledné ovládání."},
|
|
{icon: "gridicons:customize", title: "Přizpůsobitelnost", text: "Díky velké míře přizpůsobitelnosti Linux umožňuje uživatelům upravit si systém podle svých představ, aby vyhovoval každému."}
|
|
]
|
|
};
|
|
},
|
|
methods: {
|
|
change_action() {
|
|
this.random_action = Math.floor(Math.random() * this.actions.length);
|
|
}
|
|
},
|
|
mounted() {
|
|
this.change_action();
|
|
}
|
|
};
|
|
</script> |