Web

Uplynulo již mnoho let od doby, kdy jsem se začal prvně věnovat problematice tvorby webových stránek, což bylo někdy v roce 2001. Tehdy jsem začínal na počítači opatřeném Microsoft^®️ Windows™️ 98, a k tvorbě webových stránek jsem používal Microsoft^®️ Front Page™️. Tak přesně to byly mé začátky z oblasti webové tvorby...

O 23 let později jsem již výhradně na operačních systémech typu GNU/Linux, a pro tvorbu webových stránek používám rozličných technologií, jenž kombinuji tak, jak je právě třeba!

• HTML5/CSS3 + JS + PHP + MySQL/SQLite/CouchDB + JSON/XML
• Bootstrap
• Publii, TypeMill, Grav
• Google Gemini AI, Grok AI, Midjourney AI, CGDream AI, Seduced AI, Pleasure AI, Sharesome AI
• CGTrader, TurboSquid, Blendswap, Renderosity, RenderHub, 3DSky
• Ubuntu, Debian
• Blender 3D, MakeHuman, SweetHome3D

Téma č. 1:
Nudismus a nahota

Ústředním tématem lidská nahota a to již od roku 2001!

Nápad na provoz vlastních internetových stránek v mém případě vzniknul zcela náhodou, když jsem zkoušel součásti zkušební verze balíku Microsoft^®️ Office™️. Zde jsem objevil již zmíněný "Front Page" a pochopil tak základní strukturu i samotnou podstatu webu tím, že jsem začal v síti internet pátrat po souvislostech.

Česká republika 🇨🇿

Fakticky již od začátku jsem pracoval s myšlenkou propagace nudismu v ČR prostřednictvím internetové sítě. Tehdy jsem ovšem neměl takové možnosti, jako mám k dispozici nyní. Dřívě jsem se mohl spoléhat pouze na pár "open source" redakčních systémů, pracujících na stejné bázi, či několik málo hostingových služeb zdarma s doménou 3. řádu.

V průběhu času se mnohé změnilo. Nyní jsem již schopen si většinu věcí obstarávat svépomoci, či za určitý poplatek od nejrůznějších firem, zabývajících se jak poskytováním nejrůznějších služeb, tak i produktů. Stačilo pouze najít odvahu, pustit se do toho naplno...

Německo 🇩🇪

Vytvářet web o nudismu v Německu pro německé publikum je jako nosit dříví do lesa. I přesto se však dá o této alternativě uvažovat, ačkoliv způsob prezentace bude mít zcela jistě dost odlišný charakter než pro publikum v ČR.

Evropská Unie 🇪🇺

text

Redakční systém(y):

Ten kdo mne zná ví, že nemám rád užití tzv. relačních databází jako je např. MySQL pro základ jakéhokoliv webu, a namísto toho dávám přednost generátorům statického HTML(5).

Generátor Publii CMS je pro mne jasnou volbou!

Tento systém jsem si natolik oblíbil, že v tuto chvíli jej používám takřka pro provoz téměř všech svých webových projektů...

PHP od Gemini

text

Nutno podotknout, že nejsem programátorem v pravém slova smyslu a pravdou je, že pokud programuji, tak programuji více méně pouze a jen tehdy, jsem-li k tomu donucen okolnostmi souvisejícími s určitým konkrétním nedostatkem, na který narazím, a obvykle jen pro svou vlastní potřebu.

JS (JavaScript):

text

<script>
    function isMobile() {
  const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
  return regex.test(navigator.userAgent);
}

if (isMobile()) {
  console.log("Detekováno mobilní zařízení");
    document.write("<style>.sloupce{column-count:1;column-width:100px;column-rule-width:10px;}</style>");
} else {
  console.log("Detekován počítač");
    document.write("<style>.sloupce{column-count:2;column-width:100px;column-rule-width:10px;}</style>");
}
</script>

PHP (Hypertext Preprocessor):

<?php
      function isMobile() {
        return preg_match('/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i', $_SERVER['HTTP_USER_AGENT']);
            }
        if(isMobile()){
        // Detekováno mobilní zařízení
        echo(<<<EOL
        <style>
            .sloupce {
            column-count: 1;
            column-width: 100px;
            column-rule-width: 10px;
                     }
        </style>
        EOL
        );
        } else {
        // Detekován počítač
        echo(<<<EOL
        <style>
            .sloupce {
            column-count: 2;
            column-width: 100px;
            column-rule-width: 10px;
                     }
        </style>
        EOL
        );
        }
    ?>