-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (121 loc) · 8.54 KB
/
index.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
---
title: Open Source Program Office
layout: default
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
</head>
<body>
<!-- carousel of images that relate to each component (news, projects, etc.)-->
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="image" style="background-image:url(images/placeholders/OSPOWhat.png)" alt="dictionary definition of open source software">
<!--div class="carousel-caption d-none d-md-block">
<h5>Mcardle from above</h5>
<p>Wow! It looks very nice from above.</p>
</div-->
</div>
</div>
<div class="carousel-item">
<div class="image" style="background:url(images/placeholders/OSPOWhy.png)" alt="reasons for using open source software"></div>
</div>
<div class="carousel-item">
<div class="image" style="background:url(images/placeholders/OSPOHow.png)" alt="the UW-Madison Open Source Program Office"></div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span style="background-color: black;" class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
<span style="background-color: black;" class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div id="ourMissionContainer" class="col-12">
<h1 id="ourMissionText" class="uw-mini-bar col-6 fs-1 mb-1">Our Mission</h1>
<p>Universities are engines of innovation and productivity in the world. They both leverage and contribute to technology through their educational, research, and outreach activities. The way that various technological products are disseminated and shared is a fundamental issue that greatly shapes their use and impact. The move to open science, open access, and open source is a key strategy for streamlining the use of these products, fostering collaboration, and accelerating progress. However, effectively making this transition to openness is challenging and calls for institutional support.</p>
<p>Thanks to a grant from the Alfred P. Sloan Foundation, The University of Wisconsin–Madison Open Source Program Office (OSPO) is positioned to support and grow our vibrant open source ecosystem. The OSPO's mission is to collaborate with key stakeholders and community members to provide open source learning opportunities, promote best practices, facilitate the use of open source software in research, and make open source–fueled connections between practitioners and adopters on campus and beyond.</p>
</div>
<div class="d-flex flex-col uw-content-box">
<div class="row">
<div class="col-sm-12 col-md-6">
<h2 style="text-align:center">Goals</h2>
<p class="font-weight-bold" style="text-align:center">What does the Open Source Program Office wish to accomplish?</p>
</div>
<div class="col-sm-12 col-md-6">
<ul class="text-md-start">
<li>Work to sustain current open source projects on campus</li>
<li>Provide avenues for participation and contribution in open source software</li>
<li>Facilitate partnerships to raise awareness of open source software</li>
<li>Create infrastructure for starting, maintaining, sharing, and rewarding open source in research and community contexts</li>
<li>Focus efforts on improving diversity, equity, and inclusion in open source</li>
</ul>
</div>
</div>
</div>
<!--
<ul id="goals" class="uw-text-block uw-content-box" style="width:100%; margin:auto 0 50px; padding:10px 40px; background:#f0f0f0">
<h2 style="text-align:center">Goals</h2>
<li>Work to sustain current open source projects on campus</li>
<li>Provide avenues for participation and contribution in open source software</li>
<li>Facilitate partnerships to raise awareness of open source software</li>
<li>Create infrastructure for starting, maintaining, sharing, and rewarding open source in research and community contexts</li>
<li>Focus efforts on improving diversity, equity, and inclusion in open source</li>
</ul>
-->
<!--
<ul id="goals" class="uw-text-block uw-content-box" style="width:100%; margin:auto 0 50px; padding:10px 40px; background:#f0f0f0">
</ul>
-->
<h2 id="benefits" style="text-align: center;">Benefits of Open Source</h2>
<div class="d-flex flex-col">
<ul style="list-style-type: none; margin: 10px;">
<div class="row">
<div class="col-sm-12 col-md-4">
<li>
<h3 style="text-align: center;">Cost Effective</h3>
<p style="text-align: center;">Open source software are usually available at a much lower cost or even for free compared to Closed-Source softwares. This would allow software to be accessible to every individual and organizations with a restricted budget, which users could modify software without having to worry about licensing fees.</p>
</li>
</div>
<div class="col-sm-12 col-md-4">
<li>
<h3 style="text-align: center;">Flexibility</h3>
<p style="text-align: center;">The most fundamental aspect for Open-Source software. Users could access and modify Open-Source software in order to meet certain needs, allowing for customization. With access to source code, developers can add new features, adjust UI, or even fix bugs. </p>
</li>
</div>
<div class="col-sm-12 col-md-4">
<li>
<h3 style="text-align: center;">Community</h3>
<p style="text-align: center;">Collective contributions of a worldwide community of developers and users benefit Open-Source Projects, as communities can offer support through platforms such as social media and forums to name a few.</p>
</li>
</div>
</div>
</ul>
</div>
<!--
<div class="d-flex">
<div class="flex-col flex-wrap justify-content-between">
<div class="col-sm-12 col-md-4">
<h3>Reason 1</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere dolorum magni quo rem non, in at voluptate sequi ipsum harum necessitatibus repellat, recusandae possimus earum iusto nostrum consequuntur ab quos?</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>Reason 2</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur tempora sit voluptas, adipisci neque praesentium sint labore delectus natus recusandae! Doloribus nemo sed iure, illum praesentium beatae excepturi facilis exercitationem!</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>Reason 3</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iste maiores corporis a eius vero veritatis, hic beatae suscipit fuga commodi? Maiores deleniti atque non ipsum impedit eveniet expedita sit delectus?</p>
</div>
</div>
</div>
--->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>