<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Free Open Source Operating System</title>
<link href="screen.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="screen.js"></script>
</head>
<body>

<div id="distro_container" class="container distro_container_deactive">
   <div id="distro" class="section">
      <a href="#distro"></a>
      <h2 id="distro_title">Distro</h2>
      <div id="distro_content" class="container_content">
         <!--<img src="images/distros.jpg"/>-->
         <p>A software distribution, also referred to as a software distro, is a bundle of a specific software (or a collection of multiple, even an entire operating system), already compiled and configured. It is generally the closest thing to a turnkey form of a usually GNU GPL, free software source code for a software. It may take the form of a Binary Distribution, an executable installer which can be downloaded from the Internet. Examples range from whole operating system distributions to server and interpreter distributions.</p>
         <ul>
            <li><a href="">Debian</a></li>
            <li><a href="">Fedora</a></li>
         </ul>
      </div>
   </div>

   <div id="package_management_system_container" class="container package_management_system_container_deactive">
      <div id="package_management_system" class="section">
         <a href="#package_management_system"></a>
         <h2 id="package_management_system_title">Package Management System</h2>
         <div class="container_content">
            <p>A package management system is a collection of tools to automate the process of installing, upgrading, configuring, and removing software packages from a computer. Distributions of Linux and other Unix-like systems typically consist of hundreds or even thousands of distinct software packages; in the former case a package management system is nice, in the latter case it is essential.</p>
            <ul>
               <li><a href="">dpkg</a></li>
               <li><a href="">RPM</a></li>
               <li><a href="">Pacman</a></li>
            </ul>
         </div>
      </div>

      <div id="kernel_container" class="container kernel_container_deactive">
         <div id="kernel" class="section">
            <h2 id="kernel_title">Kernel</h2>
            <div class="container_content">
               <p>In computing, the 'kernel' is the central component of most computer operating systems. Its responsibilities include managing the system's resources (the communication between hardware and software components). Usually as a basic component of an operating system, a kernel can provide the lowest-level abstraction layer for the resources (especially memory, processors and I/O devices) that application software must control to perform its function. It typically makes these facilities available to application processes through inter-process communication mechanisms and system calls.</p>
               <ul>
                  <li><a href="">Linux</a></li>
                  <li><a href="">BSD</a></li>
                  <li><a href="">OpenSolaris</a></li>
               </ul>
            </div>
         </div>

         <div id="shell_container" class="container shell_container_deactive">
            <div id="shell" class="section">
               <a href="#shell"></a>
               <h2 id="shell_title">Shell</h2>
               <div class="container_content">
                  <p>A shell is a piece of software that provides an interface for users. Typically, the term refers to an operating system shell which provides access to the services of a kernel. However, the term is also applied very loosely to applications and may include any software that is "built around" a particular component, such as web browsers and email clients that are "shells" for HTML rendering engines. The name 'shell' originates from shells being an outer layer of interface between the user and the innards of the operating system (the kernel).</p>
               </div>
            </div>
         </div>
         <div id="shell_container_hack" class="shell_container_deactive"></div>

         <div id="windowing_system_container" class="container windowing_system_container_deactive">
            <div id="windowing_system" class="section">
               <a href="#windowing_system"></a>
               <h2 id="windowing_system_title">Windowing System</h2>
               <div class="container_content">
                  <p>A windowing system (or window system) is a component of a graphical user interface (GUI), and more specifically of a desktop environment, which supports the implementation of window managers, and provides basic support for graphics hardware, pointing devices such as mice, and keyboards. The mouse cursor is also generally drawn by the windowing system.</p>
               </div>
            </div>

            <div id="desktop_environment_container" class="container desktop_environment_container_deactive">
               <div id="desktop_environment" class="section">
                  <a href="#desktop_environment"></a>
                  <h2 id="desktop_environment_title">Desktop Environment</h2>
                  <div class="container_content">
                     <p>a desktop environment (DE) commonly refers to a style of graphical user interface (GUI) that is based on the desktop metaphor which can be seen on most modern personal computers today. Almost universally adopted in modern computers, these graphical interfaces are designed to assist the user in easily accessing and configuring (or modifying) the most important (or frequently accessed) specific Operating System (OS) packed features, yet it is not meant to give access to the whole vast feature set found in an OS, reason for which the traditional, yet more complicated and less intuitive[citation needed], command-line interface (CLI) is still in use when full control over the OS is required.</p>
                  </div>
               </div>

            <div id="window_manager_container" class="container window_manager_container_deactive">
               <div id="window_manager" class="section">
                  <a href="#window_manager"></a>
                  <h2 id="window_manager_title">Window Manager</h2>
                  <div class="container_content">
                     <p>A window manager is system software that controls the placement and appearance of windows within a windowing system in a graphical user interface. Most window managers are designed to help provide a desktop environment. They work in conjunction with the underlying graphical system which provides required functionality such as support for graphics hardware, pointing devices, and a keyboard, and are often written and created using a widget toolkit.</p>
                  </div>
               </div>
            </div>
            <div id="window_manager_container_hack" class="window_manager_container_deactive"></div>

            <div id="widget_toolkit_container" class="container widget_toolkit_container_deactive">
               <div id="widget_toolkit" class="section">
                  <a href="#widget_toolkit"></a>
                  <h2 id="widget_toolkit_title">Widget Toolkit</h2>
                  <div class="container_content">
                     <p>A widget toolkit, widget library, or GUI toolkit is a set of widgets for use in designing applications with graphical user interfaces (GUIs). The toolkit itself is a piece of software that is generally provided with an operating system, windowing system, or window manager which provides programs with an application programming interface (API), allowing them to make use of widgets. Each widget facilitates a specific user-computer interaction, and appears as a visible part of the computer's GUI.</p>
                  </div>
               </div>
            </div>

            </div> <!-- desktop_environment_container -->
         </div> <!-- windowing_system_container -->
      </div> <!-- kernel_container -->
   </div> <!-- packaging_system_container -->
</div> <!-- distro_container -->

</body>
</html>