forked from ElixirTechCommunity/BYOD-OpenSource-Site
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhistory.html
More file actions
145 lines (134 loc) · 7.2 KB
/
history.html
File metadata and controls
145 lines (134 loc) · 7.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>History of Open Source - Open Source World</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<header>
<nav>
<div class="logo">
<h1>Open Source World</h1>
</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="history.html" class="active">History</a></li>
<li><a href="benefits.html">Benefits</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="community.html">Community</a></li>
</ul>
</nav>
</header>
<main>
<section class="page-header">
<h1>The History of Open Source</h1>
<p>From the early days of computing to the modern open source movement</p>
</section>
<section class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<h2>1950s - 1960s: The Beginning</h2>
<p>In the early days of computing, software was typically shared among researchers and academics. The concept of proprietary software hadn't yet taken hold, and sharing source code was common practice.</p>
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Early Computing">
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>1970s: The Rise of Proprietary Software</h2>
<p>As the software industry grew, companies began to see software as a product rather than a tool. This led to the rise of proprietary software and the beginning of software licensing.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>1983: The GNU Project</h2>
<p>Richard Stallman launched the GNU Project, aiming to create a complete Unix-like operating system composed entirely of free software. This marked the beginning of the free software movement.</p>
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="GNU Project">
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>1985: The Free Software Foundation</h2>
<p>Stallman founded the Free Software Foundation (FSF) to support the free software movement and promote the development and use of free software.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>1991: Linux is Born</h2>
<p>Linus Torvalds released the first version of the Linux kernel, which would become one of the most successful open source projects in history.</p>
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Linux">
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>1998: The Term "Open Source" is Coined</h2>
<p>The term "open source" was coined at a strategy session held in Palo Alto, California, to promote the concept of free software to businesses.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>2000s: The Rise of Open Source</h2>
<p>Major companies began adopting open source software, and projects like Apache, MySQL, and PHP became essential parts of the internet infrastructure.</p>
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Open Source Rise">
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h2>Present Day</h2>
<p>Open source has become a fundamental part of modern software development, with major tech companies contributing to and relying on open source projects. The movement continues to grow and evolve.</p>
</div>
</div>
</section>
<section class="key-figures">
<h2>Key Figures in Open Source History</h2>
<div class="figures-grid">
<div class="figure-card">
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Richard Stallman">
<h3>Richard Stallman</h3>
<p>Founder of the GNU Project and Free Software Foundation</p>
</div>
<div class="figure-card">
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Linus Torvalds">
<h3>Linus Torvalds</h3>
<p>Creator of Linux and Git</p>
</div>
<div class="figure-card">
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Eric S. Raymond">
<h3>Eric S. Raymond</h3>
<p>Author of "The Cathedral and the Bazaar"</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-content">
<div class="footer-section">
<h3>About Open Source World</h3>
<p>Your gateway to understanding and participating in the open source movement.</p>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="history.html">History</a></li>
<li><a href="benefits.html">Benefits</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Connect With Us</h3>
<div class="social-links">
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Open Source World. All rights reserved.</p>
</div>
</footer>
</body>
</html>