-
Notifications
You must be signed in to change notification settings - Fork 0
/
ga.html
113 lines (93 loc) · 5.2 KB
/
ga.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
<!--CHRISTIAN-->
{% extends "base.html" %}
{%block content%}
<head>
<meta charset="UTF-8">
<title>About</title>
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/style1.css') }}">
<style>
section {
color: white;
background-color: rgba(52, 169, 67, 50%);
border-radius: 10px;
margin: auto;
width: 70%;
height: auto;
text-align: justify;
padding: 10px
}
/* styles/style1.css */
h1 {
text-align: center;
color: white;
padding-top: 20px; /* Add some space above the heading */
}
section {
color: white;
background-color: rgba(52, 169, 67, 0.8); /* Adjusted the alpha value for better visibility */
border-radius: 10px;
margin: auto;
width: 70%;
text-align: justify;
padding: 20px; /* Increased padding for better spacing */
}
/* Style for team member names */
.name {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px; /* Add space between name and email */
}
/* Style for email addresses */
.email {
color: #fff; /* Use a lighter color for email addresses */
margin-bottom: 10px; /* Add more space below email */
}
/* Style for the member descriptions */
.description {
margin-bottom: 20px; /* Add more space between descriptions */
}
/* Style for the team dynamics paragraph */
.team-description {
margin-top: 20px; /* Add space above the team dynamics paragraph */
text-align:center;
}
/* Responsive design: Adjust styles for smaller screens */
@media (max-width: 768px) {
section {
width: 90%; /* Make the section wider for smaller screens */
}
}
</style>
</head>
<body>
<h1 style="text-align: center; color:white">About Us</h1>
<section>
The creators of Project S.H.E.R.L.O.C.K. are a dynamic and dedicated team of individuals hailing from California State University Stanislaus' CS-4800 2023 Fall class. Each team member brings a unique set of skills and perspectives to the project, contributing to its success.<br>
Meet the Makers:<br>
<p class="name">Christian Alameda</p>
<p class="email">calameda@csustan.edu</p>
<p class="description">
An innovative mind, Christian Alameda is a driving force behind the project. With a keen interest in technology and problem-solving, he ensures that Project S.H.E.R.L.O.C.K. incorporates cutting-edge solutions and remains at the forefront of server monitoring.<br>
</p>
<p class="name">Anthony Castillo</p>
<p class="email">acastillo@csustan.edu</p>
<p class="description">
Anthony Castillo adds a touch of precision to the team. His attention to detail and commitment to excellence are evident in the meticulous design and implementation of controllers within the project. Anthony's skills contribute significantly to the reliability of the system.<br>
</p>
<p class="name">Sierra Pangilinan</p>
<p class="email"></p>
<p class="description">
Sierra Pangilinan, with her flair for creativity, plays a pivotal role in the project's user interface and experience. Her contributions to the webui ensure that users can interact seamlessly with the program, making server monitoring an intuitive and user-friendly experience.<br>
</p>
<p class="name">Vel Perez-Barba</p>
<p class="email"></p>
<p class="description">
Vel Perez-Barba is the visionary of the team, consistently pushing the boundaries of what Project S.H.E.R.L.O.C.K. can achieve. With a focus on future enhancements, Vel's work-in-progress feature for tracing connections showcases the team's commitment to continuous improvement.<br>
</p>
<p class="team-description">Team Dynamics<br>
The team operates with a collaborative spirit, where diverse skill sets complement each other. Regular communication and an open exchange of ideas characterize their working environment. Their commitment to the project's success is evident in the disclaimer, acknowledging that all aspects are subject to change, reflecting a proactive and adaptive approach to development.<br>
In summary, <br>the makers of Project S.H.E.R.L.O.C.K. embody a blend of technical expertise, creativity, precision, and innovation. Together, they have crafted a solution that not only addresses the technical intricacies of server monitoring but also prioritizes user experience and adaptability for future advancements.<br>
</p>
</section>
</body>
{% endblock %}