Skip to content

Commit 829eded

Browse files
sidvasusidvasu
authored
Merge pull request #2 from acmcsufoss/feature-update
Created Forms
2 parents e86a777 + ae18fc6 commit 829eded

10 files changed

+467
-138
lines changed

‎addOfficerForm.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Events</title>
9+
</head>
10+
<body>
11+
<h1>Add Officer</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Name</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Info</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "picture">
22+
<p>Profile Image</p>
23+
<img src="User Icons\user-group-icon.png" alt="User Pfp" style="position:relative; left:12.5%; width:100px; height:100px;">
24+
<button class = "changePicButton">Change Profile Picture</button>
25+
</div>
26+
<div class = "buttons">
27+
<button class = "btn">Add</button>
28+
<a href = "officers.html">
29+
<button class = "btn">Cancel</button>
30+
</a>
31+
</div>
32+
</body>
33+
<style>
34+
h1{
35+
font-size: 45px;
36+
font-family: Arial, Helvetica, sans-serif;
37+
background-color: lightgray;
38+
text-align: center;
39+
padding: 20px;
40+
border-style: solid;
41+
}
42+
h2{
43+
position:relative;
44+
text-align:center;
45+
}
46+
.title{
47+
display:flex;
48+
left:5%
49+
}
50+
.main{
51+
display:flex;
52+
margin-top:2rem;
53+
}
54+
p{
55+
position:relative;
56+
font-size:25px;
57+
left:1%;
58+
}
59+
.titleText {
60+
position:relative;
61+
left:2%;
62+
resize:none;
63+
width:100rem;
64+
height:4rem;
65+
font-size:30px;
66+
}
67+
.mainText{
68+
position:relative;
69+
left:3.1%;
70+
min-height:10rem;
71+
width:100rem;
72+
}
73+
.picture{
74+
display:flex;
75+
margin-top:2rem;
76+
}
77+
.changePicButton{
78+
position:relative;
79+
left:32%;
80+
height:3rem;
81+
width:13rem;
82+
margin-top:2rem;
83+
}
84+
.buttons{
85+
position:relative;
86+
margin-top:1rem;
87+
left:36%;
88+
}
89+
.btn{
90+
position:relative;
91+
width:250px;
92+
height:50px;
93+
border-color:black;
94+
border-style: solid;
95+
background-color: white;
96+
margin: 0.5rem;
97+
}
98+
</style>

‎announcementAddForm.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Announcement</title>
9+
</head>
10+
<body>
11+
<h1>Add Announcement</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Title</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Main Text</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "buttons">
22+
<button class = "btn">Add</button>
23+
<a href = "announcements.html">
24+
<button class = "btn">Cancel</button>
25+
</a>
26+
</div>
27+
</body>
28+
<style>
29+
h1{
30+
font-size: 45px;
31+
font-family: Arial, Helvetica, sans-serif;
32+
background-color: lightgray;
33+
text-align: center;
34+
padding: 20px;
35+
border-style: solid;
36+
}
37+
h2{
38+
position:relative;
39+
text-align:center;
40+
}
41+
.title{
42+
display:flex;
43+
left:5%
44+
}
45+
.main{
46+
display:flex;
47+
margin-top:2rem;
48+
}
49+
p{
50+
position:relative;
51+
font-size:25px;
52+
left:1%;
53+
}
54+
.titleText {
55+
position:relative;
56+
left:2%;
57+
resize:none;
58+
width:100rem;
59+
height:4rem;
60+
font-size:30px;
61+
}
62+
.mainText{
63+
position:relative;
64+
left:2%;
65+
min-height:10rem;
66+
width:96.4rem;
67+
}
68+
.buttons{
69+
position:relative;
70+
margin-top:1rem;
71+
left:36%;
72+
}
73+
.btn{
74+
position:relative;
75+
width:250px;
76+
height:50px;
77+
border-color:black;
78+
border-style: solid;
79+
background-color: white;
80+
margin: 0.5rem;
81+
}
82+
</style>

‎announcements.html‎

Lines changed: 56 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,15 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7-
<link rel="stylesheet" href="styleAnnouncementEvent.css">
87
<title>Announcements Demo Page</title>
98
</head>
109
<body>
1110
<h1>Announcements</h1>
12-
<button class="featureBtn">
13-
<h2>Add</h2>
14-
</button>
11+
<a href = "announcementAddForm.html">
12+
<button class="featureBtn">
13+
<h2>Add</h2>
14+
</button>
15+
</a>
1516
<button class="featureBtn">
1617
<h2>Remove</h2>
1718
</button>
@@ -42,4 +43,54 @@ <h2>Announcement 6</h2>
4243
<h2>Welcome to Announcements :D</h2>
4344
<p>Choose an announcement on the left!</p>
4445
</section>
45-
</body>
46+
</body>
47+
<style>
48+
body{
49+
margin: 0;
50+
}
51+
.featureBtn{
52+
background-color: white;
53+
position:relative;
54+
left:120px
55+
}
56+
.btn{
57+
display:block;
58+
width:700px;
59+
height:100px;
60+
margin:auto;
61+
border-color:black;
62+
border-style: solid;
63+
background-color: white;
64+
}
65+
div{
66+
position:relative;
67+
left:120px;
68+
top:30px;
69+
overflow-y: auto;
70+
height: 500px;
71+
width: 725px;
72+
border-color:black;
73+
border-style:solid;
74+
background-color: white;
75+
}
76+
h1{
77+
font-size: 45px;
78+
font-family: Arial, Helvetica, sans-serif;
79+
background-color: lightgray;
80+
text-align: center;
81+
padding: 20px;
82+
border-style: solid;
83+
}
84+
section{
85+
position:absolute;
86+
left:1000px;
87+
top:190px;
88+
height: 500px;
89+
width: 725px;
90+
border-color:black;
91+
border-style:solid;
92+
background-color: white;
93+
padding:20px;
94+
}
95+
96+
</style>

‎eventAddForm.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
7+
<link rel="stylesheet" href="styleAnnouncementEvent.css">
8+
<title>Add Events</title>
9+
</head>
10+
<body>
11+
<h1>Add Events</h1>
12+
<h2>Please enter the required information here.</h2>
13+
<div class = "title">
14+
<p>Title</p>
15+
<textarea class = "titleText"></textarea>
16+
</div>
17+
<div class = "main">
18+
<p>Main Text</p>
19+
<textarea class = "mainText"></textarea>
20+
</div>
21+
<div class = "buttons">
22+
<button class = "btn">Add</button>
23+
<a href = "events.html">
24+
<button class = "btn">Cancel</button>
25+
</a>
26+
</div>
27+
</body>
28+
<style>
29+
h1{
30+
font-size: 45px;
31+
font-family: Arial, Helvetica, sans-serif;
32+
background-color: lightgray;
33+
text-align: center;
34+
padding: 20px;
35+
border-style: solid;
36+
}
37+
h2{
38+
position:relative;
39+
text-align:center;
40+
}
41+
.title{
42+
display:flex;
43+
left:5%
44+
}
45+
.main{
46+
display:flex;
47+
margin-top:2rem;
48+
}
49+
p{
50+
position:relative;
51+
font-size:25px;
52+
left:1%;
53+
}
54+
.titleText {
55+
position:relative;
56+
left:2%;
57+
resize:none;
58+
width:100rem;
59+
height:4rem;
60+
font-size:30px;
61+
}
62+
.mainText{
63+
position:relative;
64+
left:2%;
65+
min-height:10rem;
66+
width:96.4rem;
67+
}
68+
.buttons{
69+
position:relative;
70+
margin-top:1rem;
71+
left:36%;
72+
}
73+
.btn{
74+
position:relative;
75+
width:250px;
76+
height:50px;
77+
border-color:black;
78+
border-style: solid;
79+
background-color: white;
80+
margin: 0.5rem;
81+
}
82+
</style>

0 commit comments

Comments
 (0)