-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwebpage.html
157 lines (116 loc) · 10.9 KB
/
webpage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<title>FOSS</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<!--Content before waves-->
<div class="inner-header flex">
<h1>FOSS</h1>
</div>
<!--Waves Container-->
<div>
<svg class="waves" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
<use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
</g>
</svg>
</div>
<!--Waves end-->
</div>
<!--Header ends-->
<!--Content starts-->
<div class="main-div">
<div class="card">
<div class="imgbox">
<img src="./card-FO.jpg" alt="">
</div>
<div class="content">
<h2><b>What is Foss?</b></h2>
<p>FOSS stands for "Free and Open Source Software." It refers to software that is distributed under a license that allows users to run, modify, and distribute the software without having to pay licensing fees or obtain permission from the original creator.Free and Open Source Software is typically developed by a community of programmers who collaborate on the code, often contributing their own improvements and fixes.
</div>
</div>
<div class="card">
<div class="imgbox">
<img src="./card-SS.jpg" alt="">
</div>
<div class="content">
<h2><b>What is Foss?</b></h2>
<p> This approach allows for a more transparent and decentralized development process, which can lead to more secure, stable, and innovative software.Some of the most popular examples of FOSS include the Linux operating system, the Apache web server, and the LibreOffice productivity suite.</p>
</div>
</div>
</div>
<div class="main-container">
<div class="left-menu">
<ul>
<li class="sidebar-item"><a class="sidebar-link" href="#history">History</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="#applications">Applications</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="#benefits">Benefits</a></li>
<li class="sidebar-item"><button id="time" class="sidebar-link">Light Mode</button></li>
</ul>
</div>
<!-- Right Content Goes here -->
<!--Hover card-->
<div class="right-menu">
<div id="history" class="closed">
<h2><b><button id="history" class="btn">History Of Development Of FOSS:</b></h2></button>
<p>
<p>The development of FOSS has its roots in the early days of computing. In the 1950s and 1960s, most software was written by individual programmers and shared freely among the academic and research communities. This early culture of sharing laid the groundwork for the development of FOSS.
In the 1970s and 1980s, as commercial software became more prevalent, some programmers began to question the proprietary model and advocate for a more open and collaborative approach. The Free Software Foundation, founded by Richard Stallman in 1985, was one of the earliest organizations to promote the principles of FOSS.
Stallman's "GNU Manifesto" called for the creation of a completely free and open source operating system, which led to the development of the GNU project.
</p>
<p>In the 1990s, Linus Torvalds developed the Linux operating system, which was released under the GNU General Public License (GPL) and became one of the most widely used examples of FOSS. Other popular FOSS projects, such as the Apache web server, MySQL database,
and the Python programming language, also emerged during this period.
</p>
<p>Today, FOSS has become an increasingly important part of the technology landscape. Many large companies, including IBM, Google, and Red Hat, have invested in FOSS development and support, and FOSS is used in a wide range of applications, from web servers to mobile devices to cloud computing.
The development of FOSS has been driven by a community of dedicated programmers, users, and supporters who believe in the benefits of open and collaborative software development. While the landscape of technology continues to evolve, it is clear that FOSS will continue to play an important role in shaping the future of computing.
</p>
<p>The development of FOSS has been driven by a community of dedicated programmers, users, and supporters who believe in the benefits of open and collaborative software development. While the landscape of technology continues to evolve,
it is clear that FOSS will continue to play an important role in shaping the future of computing.
</p>
</p>
</div>
<div id="applications" class="closed">
<h2><b><button id="applications" class="btn">FOSS Alternatives To Common Applications:</b></h2></button>
<p>
<ul>
<p><li><b>LibreOffice:</b></li> A free and open source alternative to Microsoft Office, LibreOffice provides a suite of productivity tools, including a word processor, spreadsheet software, and presentation software.</p>
<p><li><b>GIMP:</b></li> A free and open source alternative to Adobe Photoshop, GIMP is a powerful image editing tool that provides advanced features such as layers, masks, and filters.</p>
<p><li><b>Inkscape:</b></li> A free and open source alternative to Adobe Illustrator, Inkscape is a vector graphics editor that allows users to create and edit illustrations, diagrams, and other graphics.</p>
<p><li><b>Firefox:</b></li> A free and open source alternative to Google Chrome, Firefox is a popular web browser that provides a range of features, including privacy protections, customizable themes, and add-ons.</p>
<p><li><b>Blender:</b></li> A free and open source alternative to Autodesk Maya, Blender is a 3D animation and modeling tool that allows users to create sophisticated animations and visual effects.</p>
<p><li><b>Audacity:</b></li> A free and open source alternative to Adobe Audition, Audacity is a powerful audio editing tool that allows users to record, edit, and mix audio.</p>
<p><li><b>VLC:</b></li> A free and open source alternative to Windows Media Player, VLC is a versatile media player that can play a wide range of audio and video formats.</p>
</ul>
</p>
</div>
<div id="benefits" class="closed">
<h2><b><button id="benefits" class="btn">Benefits of Foss over Propietrary Software:</b></h2></button>
<p>
<ul>
<p><li><b><a id="Cost">Cost:</a></b></li> FOSS is often free to use, which can significantly reduce the costs associated with acquiring and maintaining software. In contrast, proprietary software can be expensive to purchase, upgrade, and maintain.</p>
<p><li><b><a id="Customization">Customization:</a></b></li> Because the source code for FOSS is openly available, users can modify it to suit their specific needs. This level of customization is not possible with proprietary software, which typically limits the ability to modify or enhance the software.</p>
<p><li><b><a id="Security">Security:</a></b></li> FOSS is often more secure than proprietary software, as it is subject to constant peer review and scrutiny. Vulnerabilities and bugs can be identified and addressed quickly, reducing the risk of exploitation. In contrast, proprietary software may have hidden vulnerabilities that are not discovered until they are exploited.</p>
<p><li><b><a id="Community">Community:</a></b></li> FOSS is often developed and maintained by a community of volunteers who are passionate about the software. This community can provide support, offer advice, and create a sense of camaraderie that is not found with proprietary software.</p>
<p><li><b><a id="Longevity">Longevity:</a></b></li> FOSS is not dependent on the success or failure of a single company or organization. This means that the software will likely be available and supported for as long as people find it useful. In contrast, proprietary software can be discontinued if the company that produces it goes out of business or decides to stop supporting it.</p>
<p><li><b><a id="Inter">Interoperability:</a></b></li> FOSS is often designed to be compatible with a wide range of platforms and systems, making it easier to integrate with other software and technologies. This can lead to increased interoperability and flexibility in a variety of settings.</p>
<p><li><b><a id="Transparency">Transparency:</a></b></li> FOSS is typically developed in an open and transparent manner, which allows users to review the source code and understand how the software works. This level of transparency can provide reassurance that the software is behaving as intended, and can also help users identify and address potential issues.</p>
<p><li><b><a id="Innovation">Innovation:</a></b></li> FOSS is often developed by a diverse group of contributors who bring a wide range of skills, experiences, and perspectives to the project. This can lead to increased innovation and creativity, as new ideas and approaches are explored.</p>
<p><li><b><a id="Rights">Legal rights:</a></b></li> FOSS licenses often provide users with legal rights that are not available with proprietary software. For example, many FOSS licenses allow users to redistribute the software, modify it, and use it for any purpose they choose, without being subject to restrictive licensing terms or fees.</p>
<p><li><b><a id="Ethical">Ethical considerations:</a></b></li> Some users choose to use FOSS for ethical reasons, as they believe that software should be freely available and accessible to all. This can be particularly important in areas such as education, where access to software can be a barrier to learning and innovation.</p>
</ul>
</p>
</div>
</div>
</div>
<script src="webpage.js"></script>
</body>
</html>