{"id":141,"date":"2026-06-14T17:20:27","date_gmt":"2026-06-14T17:20:27","guid":{"rendered":"https:\/\/it2532.sspu-opava.eu\/?page_id=141"},"modified":"2026-06-15T07:57:37","modified_gmt":"2026-06-15T05:57:37","slug":"141-2","status":"publish","type":"page","link":"https:\/\/it2532.sspu-opava.eu\/?page_id=141","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n* {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    scroll-behavior: smooth;\n}\n\n:root {\n    --font-primary: 'Segoe UI', sans-serif;\n    --font-heading: 'Segoe UI', sans-serif;\n\n    --transition-speed: 0.3s;\n    --max-content-width: 1100px;\n    --header-height: 80px;\n\n    --color-background: #0f172a;\n    --color-surface: #1e293b;\n    --color-card-bg: rgba(30, 41, 59, 0.85);\n\n    --color-text: #ffffff;\n    --color-secondary-text: #cbd5e1;\n\n    --color-accent: #0078d4;\n    --color-accent-soft: rgba(0, 120, 212, 0.15);\n    --color-accent-dark: #005ea6;\n\n    --shadow-soft: 0 10px 35px rgba(0, 120, 212, 0.25);\n\n    --radius-lg: 20px;\n    --radius-md: 12px;\n}\n\nhtml {\n    scrollbar-width: thin;\n    scrollbar-color: var(--color-accent) var(--color-surface);\n}\n\n::-webkit-scrollbar {\n    width: 10px;\n}\n\n::-webkit-scrollbar-track {\n    background: var(--color-surface);\n}\n\n::-webkit-scrollbar-thumb {\n    background: var(--color-accent);\n    border-radius: 999px;\n    border: 2px solid var(--color-background);\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: var(--color-accent-dark);\n}\n\nbody {\n    font-family: var(--font-primary);\n    color: var(--color-text);\n    background:\n        radial-gradient(circle at top left, rgba(0,120,212,0.15), transparent 40%),\n        radial-gradient(circle at top right, rgba(96,165,250,0.12), transparent 40%),\n        #0f172a;\n\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    overflow-x: hidden;\n}\n\nh1, h2, h3 {\n    font-family: var(--font-heading);\n    margin-bottom: 0.5em;\n    line-height: 1.2;\n}\n\np {\n    margin-bottom: 1em;\n    color: var(--color-secondary-text);\n}\n\na {\n    color: var(--color-accent);\n    text-decoration: none;\n    transition: color var(--transition-speed);\n}\n\na:hover {\n    color: var(--color-accent-dark);\n}\n\nheader {\n    position: relative;\n    padding: 0.5rem 1.5rem 2rem;\n    overflow: hidden;\n}\n\nheader::before {\n    content: \"\";\n    position: absolute;\n    inset: -40%;\n    background:\n        radial-gradient(circle at 10% 0%, rgba(0,120,212,0.25), transparent 60%),\n        radial-gradient(circle at 90% 10%, rgba(96,165,250,0.18), transparent 60%);\n    opacity: 0.8;\n    pointer-events: none;\n}\n\n.top-nav {\n    max-width: var(--max-content-width);\n    width: 100%;\n    margin: 0 auto;\n    height: var(--header-height);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.logo-text {\n    font-family: var(--font-heading);\n    font-weight: 700;\n    letter-spacing: 0.03em;\n}\n\n.nav-links {\n    display: flex;\n    gap: 1.5rem;\n}\n\n.nav-link {\n    font-size: 0.95rem;\n    color: var(--color-secondary-text);\n    position: relative;\n}\n\n.nav-link::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -0.25rem;\n    width: 0;\n    height: 2px;\n    background: var(--color-accent);\n    transition: width var(--transition-speed);\n}\n\n.nav-link:hover::after,\n.nav-link.active::after {\n    width: 100%;\n}\n\n.nav-link.active {\n    color: var(--text-color, #ffffff);\n}\n\n.hero {\n    max-width: var(--max-content-width);\n    margin: 0 auto;\n    padding: 2.5rem 0 3rem; \n}\n\n.hero-content {\n    max-width: 520px;\n}\n\n#main-title {\n    font-size: clamp(3rem, 5vw, 3.7rem);\n    font-weight: 800;\n    background: linear-gradient(\n        120deg,\n        #ffffff,\n        #60a5fa,\n        #0078d4\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    background-size: 200% auto;\n    animation: shine 5s linear infinite;\n}\n\n.hero-subtitle {\n    font-size: 1rem;\n    color: var(--color-secondary-text);\n}\n\nmain {\n    flex: 1;\n    max-width: var(--max-content-width);\n    margin: 0 auto;\n    padding: 2rem 1.5rem 6rem;\n    width: 100%;\n}\n\n.grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n}\n\n.section-header {\n    margin-bottom: 2rem;\n}\n\n.section-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n}\n\n.section-subtitle {\n    font-size: 0.95rem;\n    color: var(--color-secondary-text);\n}\n\n.card {\n    background: rgba(30, 41, 59, 0.75);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    border-radius: var(--radius-lg);\n    padding: 1.5rem;\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow:\n        0 8px 32px rgba(0,0,0,0.25),\n        0 0 20px rgba(0,120,212,0.08);\n    transition: transform .3s ease, box-shadow .3s ease;\n}\n\n.card:hover {\n    transform: translateY(-6px);\n    box-shadow:\n        0 15px 45px rgba(0,0,0,0.35),\n        0 0 30px rgba(0,120,212,0.25);\n}\n\n.card h3 {\n    margin-top: 1rem;\n    margin-bottom: .5rem;\n}\n\n.card-fill {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n    border-radius: 12px;\n    margin-top: 1rem;\n    opacity: 0.8;\n}\n\n.feature-list {\n    list-style: none;\n}\n\n.feature-list li {\n    background: rgba(255,255,255,0.03);\n    padding: 0.7rem;\n    border-radius: 10px;\n    font-size: 0.9rem;\n    margin-bottom: 0.5rem;\n}\n\nfooter {\n    text-align: center;\n    padding: 1.5rem 0;\n    color: var(--color-secondary-text);\n    border-top: 3px solid rgba(255,255,255,0.06);\n    background: #0f172a;\n}\n\n@keyframes shine {\n    to {\n        background-position: 200% center;\n    }\n}\n\n@media (max-width: 800px) {\n    .nav-links {\n        display: none;\n    }\n}\n\n.timeline {\n    position: relative;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 1rem 0;\n}\n\n.timeline::after {\n    content: '';\n    position: absolute;\n    width: 4px;\n    background: var(--color-accent);\n    top: 0;\n    bottom: 0;\n    left: 30px;\n    margin-left: -2px;\n    opacity: 0.5;\n}\n\n.timeline-item {\n    padding: 10px 30px;\n    position: relative;\n    background-color: transparent;\n    width: 100%;\n    margin-bottom: 2rem;\n}\n\n.timeline-date {\n    font-family: var(--font-heading);\n    font-weight: 800;\n    font-size: 1.3rem;\n    color: var(--color-accent);\n    margin-bottom: 0.5rem;\n    display: inline-block;\n    background: var(--color-surface);\n    padding: 0.2rem 0.8rem;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.timeline-card {\n    margin-top: 0.5rem;\n}\n\n@media (min-width: 768px) {\n    .timeline::after {\n        left: 50%;\n    }\n    \n    .timeline-item {\n        width: 50%;\n        padding: 10px 40px;\n    }\n    \n    .timeline-item:nth-child(even) {\n        left: 50%;\n    }\n    \n    .timeline-item:nth-child(odd) {\n        text-align: right;\n    }\n    \n    .timeline-item:nth-child(even) {\n        text-align: left;\n    }\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Historie<\/title>\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&amp;family=Montserrat:wght@600;800&amp;display=swap\" rel=\"stylesheet\">\n\n    <link rel=\"stylesheet\" href=\"..\/style.css\">\n\n\n\n<header>\n    <nav class=\"top-nav\">\n        <div class=\"logo-text\">SV\u011aT WINDOWS<\/div>\n\n        <div class=\"nav-links\">\n            <a href=\"..\/\" class=\"nav-link\">Dom\u016f<\/a>\n            <a href=\"..\/?page_id=141\" class=\"nav-link active\">Historie<\/a>\n            <a href=\"..\/?page_id=40\" class=\"nav-link\">Zaj\u00edmavosti<\/a>\n            <a href=\"..\/?page_id=151\" class=\"nav-link\">Kv\u00edz<\/a>\n            <a href=\"..\/?page_id=158\" class=\"nav-link\">Kontakt<\/a>\n        <\/div>\n    <\/nav>\n    \n    <div class=\"hero\">  \n        <div class=\"hero-content\">\n            <h1 id=\"main-title\">Historie<\/h1>\n            <p class=\"hero-subtitle\">\n                Cesta od jednoduch\u00e9ho grafick\u00e9ho nadstavbov\u00e9ho programu MS-DOS a\u017e po nejmodern\u011bj\u0161\u00ed opera\u010dn\u00ed syst\u00e9m sou\u010dasnosti.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/header>\n\n<main>\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Evoluce syst\u00e9mu v pr\u016fb\u011bhu let<\/h2>\n        <p class=\"section-subtitle\">Pod\u00edvejte se na kl\u00ed\u010dov\u00e9 miln\u00edky, kter\u00e9 definovaly jednotliv\u00e9 \u00e9ry osobn\u00edch po\u010d\u00edta\u010d\u016f.<\/p>\n    <\/div>\n\n    <div class=\"timeline\">\n        \n        <div class=\"timeline-item\">\n            <div class=\"timeline-date\">1985<\/div>\n            <div class=\"card timeline-card\">\n                <h3>Windows 1.0<\/h3>\n                <p>V\u0161echno to za\u010dalo v listopadu 1985. Nebyl to vylo\u017een\u011b samostatn\u00fd opera\u010dn\u00ed syst\u00e9m, ale sp\u00ed\u0161e grafick\u00e9 u\u017eivatelsk\u00e9 rozhran\u00ed b\u011b\u017e\u00edc\u00ed na z\u00e1kladech MS-DOSu. U\u017eivatel\u00e9 poprv\u00e9 mohli pou\u017e\u00edvat my\u0161 a klikat na ikony nam\u00edsto psan\u00ed textov\u00fdch p\u0159\u00edkaz\u016f.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-date\">1995<\/div>\n            <div class=\"card timeline-card\">\n                <h3>Windows 95<\/h3>\n                <p>Zlomov\u00fd okam\u017eik pro cel\u00fd po\u010d\u00edta\u010dov\u00fd pr\u016fmysl. Windows 95 p\u0159inesl revoluci v ovl\u00e1d\u00e1n\u00ed: poprv\u00e9 se objevila legend\u00e1rn\u00ed nab\u00eddka <strong>Start<\/strong>, hlavn\u00ed panel (Taskbar) a plocha tak, jak ji zn\u00e1me dodnes. Syst\u00e9m m\u011bl obrovskou marketingovou kampa\u0148.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-date\">2001<\/div>\n            <div class=\"card timeline-card\">\n                <h3>Windows XP<\/h3>\n                <p>Jeden z nejobl\u00edben\u011bj\u0161\u00edch syst\u00e9m\u016f historie spojil stabilitu firemn\u00edch Windows NT s multimedi\u00e1ln\u00edmi funkcemi verz\u00ed pro dom\u00e1cnosti. P\u0159inesl \u010dist\u00fd modro-zelen\u00fd design &#8220;Luna&#8221;, vysokou spolehlivost a podporu pro modern\u00ed hardware a hry.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-date\">2009<\/div>\n            <div class=\"card timeline-card\">\n                <h3>Windows 7<\/h3>\n                <p>Po kritizovan\u00e9m syst\u00e9mu Windows Vista p\u0159i\u0161la verze 7 jako dokonal\u00e1 n\u00e1plast. Rychl\u00e1, stabiln\u00ed, s elegantn\u00edm pr\u016fhledn\u00fdm vzhledem Aero Glass a vylep\u0161en\u00fdm hlavn\u00edm panelem. Pro mnoh\u00e9 u\u017eivatele z\u016fst\u00e1v\u00e1 dodnes nep\u0159ekonan\u00fdm standardem.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-date\">Dnes<\/div>\n            <div class=\"card timeline-card\">\n                <h3>Modern\u00ed \u00e9ra<\/h3>\n                <p>Zat\u00edmco Windows 10 sjednotil syst\u00e9m pro v\u0161echna za\u0159\u00edzen\u00ed a zavedl model &#8220;Windows jako slu\u017eba&#8221; s pravideln\u00fdmi aktualizacemi, sou\u010dasn\u00fd Windows 11 p\u0159ich\u00e1z\u00ed s kompletn\u011b p\u0159ed\u011blan\u00fdm modern\u00edm designem, centrovanou nab\u00eddkou Start a hlubokou integrac\u00ed um\u011bl\u00e9 inteligence.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Historie SV\u011aT WINDOWS Dom\u016f Historie Zaj\u00edmavosti Kv\u00edz Kontakt Historie Cesta od jednoduch\u00e9ho grafick\u00e9ho nadstavbov\u00e9ho programu MS-DOS a\u017e po nejmodern\u011bj\u0161\u00ed opera\u010dn\u00ed syst\u00e9m sou\u010dasnosti. Evoluce syst\u00e9mu v pr\u016fb\u011bhu let Pod\u00edvejte se na kl\u00ed\u010dov\u00e9 miln\u00edky, kter\u00e9 definovaly jednotliv\u00e9 \u00e9ry osobn\u00edch po\u010d\u00edta\u010d\u016f. 1985 Windows 1.0 V\u0161echno to za\u010dalo v listopadu 1985. Nebyl to vylo\u017een\u011b samostatn\u00fd opera\u010dn\u00ed syst\u00e9m, ale sp\u00ed\u0161e&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-141","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- Sv\u011bt Windows<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/it2532.sspu-opava.eu\/?page_id=141\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Sv\u011bt Windows\" \/>\n<meta property=\"og:description\" content=\"Historie SV\u011aT WINDOWS Dom\u016f Historie Zaj\u00edmavosti Kv\u00edz Kontakt Historie Cesta od jednoduch\u00e9ho grafick\u00e9ho nadstavbov\u00e9ho programu MS-DOS a\u017e po nejmodern\u011bj\u0161\u00ed opera\u010dn\u00ed syst\u00e9m sou\u010dasnosti. Evoluce syst\u00e9mu v pr\u016fb\u011bhu let Pod\u00edvejte se na kl\u00ed\u010dov\u00e9 miln\u00edky, kter\u00e9 definovaly jednotliv\u00e9 \u00e9ry osobn\u00edch po\u010d\u00edta\u010d\u016f. 1985 Windows 1.0 V\u0161echno to za\u010dalo v listopadu 1985. Nebyl to vylo\u017een\u011b samostatn\u00fd opera\u010dn\u00ed syst\u00e9m, ale sp\u00ed\u0161e&hellip;&nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/it2532.sspu-opava.eu\/?page_id=141\" \/>\n<meta property=\"og:site_name\" content=\"Sv\u011bt Windows\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-15T05:57:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/?page_id=141\",\"url\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/?page_id=141\",\"name\":\"- Sv\u011bt Windows\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/#website\"},\"datePublished\":\"2026-06-14T17:20:27+00:00\",\"dateModified\":\"2026-06-15T05:57:37+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/it2532.sspu-opava.eu\\\/?page_id=141\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/#website\",\"url\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/\",\"name\":\"Sv\u011bt Windows\",\"description\":\"Windows informace\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/it2532.sspu-opava.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- Sv\u011bt Windows","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/it2532.sspu-opava.eu\/?page_id=141","og_locale":"en_US","og_type":"article","og_title":"- Sv\u011bt Windows","og_description":"Historie SV\u011aT WINDOWS Dom\u016f Historie Zaj\u00edmavosti Kv\u00edz Kontakt Historie Cesta od jednoduch\u00e9ho grafick\u00e9ho nadstavbov\u00e9ho programu MS-DOS a\u017e po nejmodern\u011bj\u0161\u00ed opera\u010dn\u00ed syst\u00e9m sou\u010dasnosti. Evoluce syst\u00e9mu v pr\u016fb\u011bhu let Pod\u00edvejte se na kl\u00ed\u010dov\u00e9 miln\u00edky, kter\u00e9 definovaly jednotliv\u00e9 \u00e9ry osobn\u00edch po\u010d\u00edta\u010d\u016f. 1985 Windows 1.0 V\u0161echno to za\u010dalo v listopadu 1985. Nebyl to vylo\u017een\u011b samostatn\u00fd opera\u010dn\u00ed syst\u00e9m, ale sp\u00ed\u0161e&hellip;&nbsp;","og_url":"https:\/\/it2532.sspu-opava.eu\/?page_id=141","og_site_name":"Sv\u011bt Windows","article_modified_time":"2026-06-15T05:57:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/it2532.sspu-opava.eu\/?page_id=141","url":"https:\/\/it2532.sspu-opava.eu\/?page_id=141","name":"- Sv\u011bt Windows","isPartOf":{"@id":"https:\/\/it2532.sspu-opava.eu\/#website"},"datePublished":"2026-06-14T17:20:27+00:00","dateModified":"2026-06-15T05:57:37+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/it2532.sspu-opava.eu\/?page_id=141"]}]},{"@type":"WebSite","@id":"https:\/\/it2532.sspu-opava.eu\/#website","url":"https:\/\/it2532.sspu-opava.eu\/","name":"Sv\u011bt Windows","description":"Windows informace","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/it2532.sspu-opava.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=141"}],"version-history":[{"count":10,"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/it2532.sspu-opava.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}