Changeset View
Changeset View
Standalone View
Standalone View
index.html
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> | ||
---|---|---|---|---|---|
2 | <html lang="en" class="no-js"> | 2 | <html lang="en" class="no-js"> | ||
3 | <head> | 3 | <head> | ||
4 | <meta charset="utf-8" /> | 4 | <meta charset="utf-8" /> | ||
5 | <title>Timeline KDE 20 years</title> | 5 | <title>KDE Timeline</title> | ||
6 | <meta name="description" content="Celebrating 20 years of KDE" /> | 6 | <meta name="description" content="The history of KDE" /> | ||
7 | <meta name="author" content="Aracele Torres, Camila Ayres, Molly White (original wikimedia-timeline creator),Spanish translation by Victorhck and Eloy Cuadra, Chinese translation by Leslie Zhai"> | 7 | <meta name="author" content="Aracele Torres, Camila Ayres, Molly White (original wikimedia-timeline creator),Spanish translation by Victorhck and Eloy Cuadra, Chinese translation by Leslie Zhai"> | ||
8 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | 8 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | ||
9 | <link rel="stylesheet" href="css/normalize.css"> | 9 | <link rel="stylesheet" href="css/normalize.css"> | ||
10 | <link rel="stylesheet" href="css/main.css"> | 10 | <link rel="stylesheet" href="css/main.css"> | ||
11 | <link rel="icon" type="image/png" href="./images/favicon.ico"> | 11 | <link rel="icon" type="image/png" href="./images/favicon.ico"> | ||
12 | <link rel="canonical" href="https://dev.twitter.com/web/tweet-button"> | 12 | <link rel="canonical" href="https://dev.twitter.com/web/tweet-button"> | ||
13 | <meta property="og:title" content="A 20 years timeline of KDE events." /> | 13 | <meta property="og:title" content="A timeline of important events in KDE history." /> | ||
14 | <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"> | 14 | <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"> | ||
15 | <meta property="og:type" content="article" /> | 15 | <meta property="og:type" content="article" /> | ||
16 | <meta property="og:url" content="http://kde.org" /> | 16 | <meta property="og:url" content="http://kde.org" /> | ||
17 | 17 | | |||
18 | <!-- Piwik --> | 18 | <!-- Piwik --> | ||
19 | <script type="text/javascript"> | 19 | <script type="text/javascript"> | ||
20 | var _paq = _paq || []; | 20 | var _paq = _paq || []; | ||
21 | _paq.push(["setDomains", ["*.timeline.kde.org"]]); | 21 | _paq.push(["setDomains", ["*.timeline.kde.org"]]); | ||
22 | _paq.push(['trackPageView']); | 22 | _paq.push(['trackPageView']); | ||
23 | _paq.push(['enableLinkTracking']); | 23 | _paq.push(['enableLinkTracking']); | ||
24 | (function() { | 24 | (function() { | ||
25 | var u="//stats.kde.org/"; | 25 | var u="//stats.kde.org/"; | ||
26 | _paq.push(['setTrackerUrl', u+'piwik.php']); | 26 | _paq.push(['setTrackerUrl', u+'piwik.php']); | ||
27 | _paq.push(['setSiteId', '18']); | 27 | _paq.push(['setSiteId', '18']); | ||
28 | var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; | 28 | var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; | ||
29 | g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); | 29 | g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); | ||
30 | })(); | 30 | })(); | ||
31 | </script> | 31 | </script> | ||
32 | <noscript><p><img src="//stats.kde.org/piwik.php?idsite=18" style="border:0;" alt="" /></p></noscript> | 32 | <noscript><p><img src="//stats.kde.org/piwik.php?idsite=18" style="border:0;" alt="" /></p></noscript> | ||
33 | <!-- End Piwik Code --> | 33 | <!-- End Piwik Code --> | ||
34 | </head> | 34 | </head> | ||
35 | <body> | 35 | <body> | ||
36 | <!-- facebook share --> | | |||
37 | <div id="fb-root"></div> | | |||
38 | <script> | | |||
39 | (function(d, s, id) { | | |||
40 | var js, fjs = d.getElementsByTagName(s)[0]; | | |||
41 | if (d.getElementById(id)) return; | | |||
42 | js = d.createElement(s); js.id = id; | | |||
43 | js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7"; | | |||
44 | fjs.parentNode.insertBefore(js, fjs); | | |||
45 | }(document, 'script', 'facebook-jssdk')); | | |||
46 | </script> | | |||
47 | <!--// facebook share --> | | |||
48 | <header class="page-header" id="header"> | 36 | <header class="page-header" id="header"> | ||
49 | <div class="translation"> | 37 | <div class="translation"> | ||
50 | <span class="languages"> | 38 | <span class="languages"> | ||
51 | <i class="fa fa-globe"></i> <a href="javascript:translate('en');" data-language="en" class="active">en</a> | <a href="javascript:translate('pt');" data-language="pt">pt</a> | <a href="javascript:translate('es');" data-language="es">es</a> | <a href="javascript:translate('zh');" data-language="zh">zh</a> | 39 | <i class="fa fa-globe"></i> <a href="javascript:translate('en');" data-language="en" class="active">en</a> | <a href="javascript:translate('pt');" data-language="pt">pt</a> | <a href="javascript:translate('es');" data-language="es">es</a> | <a href="javascript:translate('zh');" data-language="zh">zh</a> | ||
52 | </span> | 40 | </span> | ||
53 | </div> | 41 | </div> | ||
54 | <span class="share"> | 42 | <h1 id="title">The history of KDE</h1><br> | ||
55 | <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=KDE%2020%20Years!&hashtags=kde,kde20years" data-size="small">Tweet</a> | 43 | <p id="intro">A tour through the moments that marked the many years of community history, starting with the technologies that made possible its existence.</p> | ||
56 | <div class="g-plus" data-action="share" data-annotation="none" data-href="http://timeline.kde.org"></div> | | |||
57 | <div class="fb-like" data-href="https://timeline.kde.org" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div> | | |||
58 | </span> | | |||
59 | <!--g+ share --> | | |||
60 | <script type="text/javascript"> | | |||
61 | (function() { | | |||
62 | var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; | | |||
63 | po.src = 'https://apis.google.com/js/platform.js'; | | |||
64 | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); | | |||
65 | })(); | | |||
66 | </script> | | |||
67 | <!--// g+ share --> | | |||
68 | <div> <h4 id="link"> See our KDE 20 years <a style="text-decoration:underline;" href="https://20years.kde.org/book/index.html">book</a> and enjoy our <a style="text-decoration:underline;" href="https://community.kde.org/Promo/Events/Parties/KDE_20_Anniversary">parties</a>.</h4></div> | | |||
69 | <h1 id="title">20 Years of KDE</h1><br> | | |||
70 | <p id="intro">A tour through the moments that marked the 20 years of community history, starting with the technologies that made possible its existence.</p> | | |||
71 | <p><a href="#start-scroll" id="start">Start <i class="fa fa-chevron-down" aria-hidden="true"></i></a></p> | 44 | <p><a href="#start-scroll" id="start">Start <i class="fa fa-chevron-down" aria-hidden="true"></i></a></p> | ||
72 | <div class="timeline-filter-wrapper"> | 45 | <div class="timeline-filter-wrapper"> | ||
73 | <header class="timeline-filter"> | 46 | <header class="timeline-filter"> | ||
74 | <ul> | 47 | <ul> | ||
75 | <li> | 48 | <li> | ||
76 | <input type="checkbox" name="filter-shortcut" id="all" checked /> <label for="all">All</label> | 49 | <input type="checkbox" name="filter-shortcut" id="all" checked /> <label for="all">All</label> | ||
77 | </li> | 50 | </li> | ||
78 | <li> | 51 | <li> | ||
▲ Show 20 Lines • Show All 374 Lines • ▼ Show 20 Line(s) | 422 | <div class="timeline-entry" data-category="['meetings']"> | |||
453 | <div class="timeline-description"> | 426 | <div class="timeline-description"> | ||
454 | <h2 id="box25-title">Akademy 2004</h2> | 427 | <h2 id="box25-title">Akademy 2004</h2> | ||
455 | <div class="captioned-image image-right"> | 428 | <div class="captioned-image image-right"> | ||
456 | <a href="http://byte.kde.org/~duffus/akademy/2004/groupphoto/"> | 429 | <a href="http://byte.kde.org/~duffus/akademy/2004/groupphoto/"> | ||
457 | <img src="./images/akademy-2004.jpg" alt="Group Photo" /> | 430 | <img src="./images/akademy-2004.jpg" alt="Group Photo" /> | ||
458 | </a> | 431 | </a> | ||
459 | <span class="caption">Group Photo of Akademy 2004.</span> | 432 | <span class="caption">Group Photo of Akademy 2004.</span> | ||
460 | </div> | 433 | </div> | ||
461 | <p id="box25">In August 2004, the <a href="https://conference2004.kde.org/">first international meeting of the community</a> took place. The event was held in Ludwigsburg, Germany, and launched a series of international events called <a href="https://akademy.kde.org/">"Akademy"</a> which take place annually since then. The event got its name because it happened in the "Filmakademie" city film school. See the <a href="http://byte.kde.org/~duffus/akademy/">group photos</a> of all Akademies.</p> | 434 | <p id="box25">In August 2004, the <a href="https://conference2004.kde.org/">first annual world summit of the community</a> took place. The event was held in Ludwigsburg, Germany, and launched a series of international events called <a href="https://akademy.kde.org/">"Akademy"</a> which take place annually since then. The event got its name because it happened in the "Filmakademie" city film school. See the <a href="http://byte.kde.org/~duffus/akademy/">group photos</a> of all Akademies.</p> | ||
462 | </div> | 435 | </div> | ||
463 | </div> | 436 | </div> | ||
464 | 437 | | |||
465 | <div class="timeline-entry" data-category="['releases']"> | 438 | <div class="timeline-entry" data-category="['releases']"> | ||
466 | <div class="timeline-icon blue"> | 439 | <div class="timeline-icon blue"> | ||
467 | 2005 | 440 | 2005 | ||
468 | </div> | 441 | </div> | ||
469 | <div class="timeline-description"> | 442 | <div class="timeline-description"> | ||
▲ Show 20 Lines • Show All 472 Lines • ▼ Show 20 Line(s) | |||||
942 | <div class="timeline-entry" data-category="['kde-events']"> | 915 | <div class="timeline-entry" data-category="['kde-events']"> | ||
943 | <div class="timeline-description"> | 916 | <div class="timeline-description"> | ||
944 | <h2 id="box60-title">KDE celebrated 20 years</h2> | 917 | <h2 id="box60-title">KDE celebrated 20 years</h2> | ||
945 | <div class="captioned-image image-right"> | 918 | <div class="captioned-image image-right"> | ||
946 | <a href="https://cibermundi.files.wordpress.com/2016/08/arte20.png"> | 919 | <a href="https://cibermundi.files.wordpress.com/2016/08/arte20.png"> | ||
947 | <img src="./images/arte20.png" alt=""/> | 920 | <img src="./images/arte20.png" alt=""/> | ||
948 | </a> | 921 | </a> | ||
949 | </div> | 922 | </div> | ||
950 | <p id="box60">On October 14, KDE celebrated its 20th birthday. The project that started as a desktop environment for Unix systems, today is a | 923 | <p id="box60">On October 14th, KDE celebrates its 22nd birthday. The project that started as a desktop environment for Unix systems, has become a community that incubates ideas and projects which go far beyond desktop technologies. Your support is very important for our community to remain active and strong. Please consider <a href="https://community.kde.org/Get_Involved">becoming a contributor</a> of our projects and/or <a href="https://www.kde.org/community/donations/index.php#">make a donation</a>.</p> | ||
951 | community that incubates ideas and projects which go far beyond desktop technologies. Your support is very important for our community to remain active and strong. Please consider <a href="https://community.kde.org/Get_Involved">becoming a contributor</a> of our projects and/or <a href="https://www.kde.org/community/donations/index.php#">make a donation</a>.</p> | 924 | </div> | ||
925 | </div> | ||||
926 | | ||||
927 | <div class="timeline-entry" data-category="['kde-events']"> | ||||
928 | <div class="timeline-icon blue"> | ||||
929 | 2017 | ||||
930 | </div> | ||||
931 | <div class="timeline-description"> | ||||
932 | <h2 id="box61-title">KDE Slimbook</h2> | ||||
933 | <div class="captioned-image image-right"> | ||||
934 | <a href="https://liliputing.com/wp-content/uploads/2017/01/kde-slimbook_04.jpg"> | ||||
935 | <img src="./images/kde-slimbook.jpg" alt="KDE Slimbook"/> | ||||
936 | </a> | ||||
937 | </div> | ||||
938 | <p id="box61">The community <a href="https://dot.kde.org/2017/01/26/kde-and-slimbook-release-laptop-kde-fans">announced</a> the availability of a special laptop shipping with KDE Plasma: The <a href="https://kde.slimbook.es/">KDE Slimbook</a> is assured to run KDE software smoothly and allows users to purchase a device that has been tested by developers for compatibility, eliminating possible hardware issues.</p> | ||||
939 | </div> | ||||
940 | </div> | ||||
941 | | ||||
942 | <div class="timeline-entry" data-category="['kde-events']"> | ||||
943 | <div class="timeline-description"> | ||||
944 | <h2 id="box62-title">New goals for 2018 and beyond</h2> | ||||
945 | <div class="captioned-image image-right"> | ||||
946 | <a href="https://dot.kde.org/sites/dot.kde.org/files/road-368719_1280.jpg"> | ||||
947 | <img src="./images/kde-initiatives.jpg" alt=""/> | ||||
948 | </a> | ||||
949 | </div> | ||||
950 | <p id="box62">At the end of 2017, the contributors decided on three new initiatives which should lead the general project direction in the next years. The most voted proposals were: | ||||
951 | <ul> | ||||
952 | <li><a href="https://phabricator.kde.org/T6831"> Top-notch Usability and Productivity for Basic Software</a></li> | ||||
953 | <li><a href="https://phabricator.kde.org/T7050"> Software that protects your Privacy instead of invading it</a></li> | ||||
954 | <li><a href="https://phabricator.kde.org/T7116"> Streamlining the Onboarding of New Contributors</a></li> | ||||
955 | </ul> | ||||
956 | </p> | ||||
957 | </div> | ||||
958 | </div> | ||||
959 | | ||||
960 | <div class="timeline-entry" data-category="['releases']"> | ||||
961 | <div class="timeline-icon blue"> | ||||
962 | 2018 | ||||
963 | </div> | ||||
964 | <div class="timeline-description"> | ||||
965 | <h2 id="box63-title">KDE Plasma 5.12</h2> | ||||
966 | <div class="captioned-image image-right"> | ||||
967 | <a href="https://www.kde.org/announcements/plasma-5.12/plasma-5.12.png"> | ||||
968 | <img src="./images/plasma-5.12.png" alt=""/> | ||||
969 | </a> | ||||
970 | </div> | ||||
971 | <p id="box63"><a href="https://www.kde.org/announcements/plasma-5.12.0.php">KDE Plasma 5.12 was released</a>, the second Long Term Support (LTS) version of KDE Plasma 5. Featuring massive improvements in startup time and further progress in bringing Wayland support to KWin, it has been a very feature-packed release that has got great responses from the wider community.</p> | ||||
972 | </div> | ||||
973 | </div> | ||||
974 | | ||||
975 | <div class="timeline-entry" data-category="['releases']"> | ||||
976 | <div class="timeline-description"> | ||||
977 | <h2 id="box64-title">Falkon is incubated</h2> | ||||
978 | <div class="captioned-image image-right"> | ||||
979 | <a href="https://www.falkon.org/images/screenshot.png"> | ||||
980 | <img src="./images/falkon.png" alt=""/> | ||||
981 | </a> | ||||
982 | </div> | ||||
983 | <p id="box64">Formerly named QupZilla, <a href="https://www.falkon.org">the Falkon browser</a> became an official KDE project. Falkon aims to be a lightweight browser while still including all features a normal user would expect (bookmarks, history and even a built-in adblocker).</p> | ||||
984 | </div> | ||||
985 | </div> | ||||
986 | | ||||
987 | <div class="timeline-entry" data-category="['kde-events']"> | ||||
988 | <div class="timeline-description"> | ||||
989 | <h2 id="box65-title">Akademy 2018</h2> | ||||
990 | <div class="captioned-image image-right"> | ||||
991 | <a href="https://devel-home.kde.org/~duffus/akademy/2018/groupphoto/akademy2018-groupphoto.jpg"> | ||||
992 | <img src="./images/akademy2018.jpg" alt=""/> | ||||
993 | </a> | ||||
994 | </div> | ||||
995 | <p id="box65">Akademy 2018 took place in Vienna and attracted over 150 attendees as well as a record number of sponsors! Over the course of a week, various speakers and BoF (Birds of a Feather) sessions were held. You can <a href="https://www.youtube.com/watch?v=_yyOc6-x2yI&list=PLsHpGlwPdtMraXbFHhkFx7-QHpEl9dOsL">watch all the talks and our daily wrapups</a> online. | ||||
996 | </p> | ||||
952 | </div> | 997 | </div> | ||
953 | </div> | 998 | </div> | ||
954 | 999 | | |||
955 | <div class="timeline-icon mobile end"> | 1000 | <div class="timeline-icon mobile end"> | ||
956 | <a href="#start-scroll">start</a> | 1001 | <a href="#start-scroll">start</a> | ||
957 | </div> | 1002 | </div> | ||
958 | 1003 | | |||
959 | 1004 | | |||
960 | </article> | 1005 | </article> | ||
961 | 1006 | | |||
962 | <footer class="page-footer"> | 1007 | <footer class="page-footer"> | ||
963 | <div class="konqi"><img src="images/kde20_anos.png" width="100%" height="100%"></div> | | |||
964 | <div class="bar"> | 1008 | <div class="bar"> | ||
965 | <small>KDE<sup>®</sup> and <a href="http://kde.org/media/images/trademark_kde_gear_black_logo.png">the K Desktop Environment</a><sup>®</sup> <a href="http://kde.org/media/images/trademark_kde_gear_black_logo.png">logo</a> are registered trademarks of <a href="http://ev.kde.org/" title="Homepage of the KDE non-profit Organization">KDE e.V.</a> | <a href="http://www.kde.org/community/whatiskde/impressum.php">Legal</a> | Found a bug? <a href="mailto:aracele@kde.org,hello@camila.codes" target="_blank">E-mail us</a>.</small> | 1009 | <small>KDE<sup>®</sup> and <a href="http://kde.org/media/images/trademark_kde_gear_black_logo.png">the K Desktop Environment</a><sup>®</sup> <a href="http://kde.org/media/images/trademark_kde_gear_black_logo.png">logo</a> are registered trademarks of <a href="http://ev.kde.org/" title="Homepage of the KDE non-profit Organization">KDE e.V.</a> | <a href="http://www.kde.org/community/whatiskde/impressum.php">Legal</a> | Found a bug? <a href="mailto:aracele@kde.org,hello@camila.codes" target="_blank">E-mail us</a>.</small> | ||
966 | </div> | 1010 | </div> | ||
967 | </footer> | 1011 | </footer> | ||
968 | </section> | 1012 | </section> | ||
969 | <script src="./js/jquery-2.2.3.min.js"></script> | 1013 | <script src="./js/jquery-2.2.3.min.js"></script> | ||
970 | <script src="./js/main.js"></script> | 1014 | <script src="./js/main.js"></script> | ||
971 | <script src="./js/translate.js"></script> | 1015 | <script src="./js/translate.js"></script> | ||
972 | <!-- twitter share --> | | |||
973 | <script> | | |||
974 | window.twttr = (function(d, s, id) { | | |||
975 | var js, fjs = d.getElementsByTagName(s)[0], | | |||
976 | t = window.twttr || {}; | | |||
977 | if (d.getElementById(id)) return t; | | |||
978 | js = d.createElement(s); | | |||
979 | js.id = id; | | |||
980 | js.src = "https://platform.twitter.com/widgets.js"; | | |||
981 | fjs.parentNode.insertBefore(js, fjs); | | |||
982 | | ||||
983 | t._e = []; | | |||
984 | t.ready = function(f) { | | |||
985 | t._e.push(f); | | |||
986 | }; | | |||
987 | | ||||
988 | return t; | | |||
989 | }(document, "script", "twitter-wjs")); | | |||
990 | </script> | | |||
991 | <!-- twitter share --> | | |||
992 | </body> | 1016 | </body> | ||
993 | </html> | 1017 | </html> |