-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathabout.html
135 lines (116 loc) · 6.38 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="assets/logos/indigologowhite.png">
<title>Indigo Magazine - About</title>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<script src="scripts/script.js"></script>
</head>
<body>
<!-- Button for Light/Dark Mode -->
<button onclick="changeColor()" class="change-mode"> ☼ / ☾</button>
<div class="Taskbar-container" id="Taskbar-container">
<!-- Logo on the left side, linking to the homepage -->
<a href="index.html" class="logo-link">
<img src="assets/logos/indigologowhite.png" alt="Website Logo" class="logo">
</a>
<!-- Navigation links -->
<a href="creative.html" class="link-bar hvr-fade CREATIVE"><p class="tabfont">CREATIVE</p></a>
<a href="visualarts.html" class="link-bar hvr-fade VISUALARTS"><p class="tabfont">VISUAL ARTS</p></a>
<a href="about.html" class="link-bar hvr-fade ABOUT"><p class="tabfont">ABOUT</p></a>
</div>
<br><br><br><br><br><br>
<h1 class="mission-statement-header">Who We Are</h1>
<!-- Mission statement section -->
<div class="mission-statement">
<p>Indigo Magazine is UT Dallas’s first completely student-run creative magazine, exploring different abstract themes through the lens of writing, photography, and design.
We amplify creativity through different forms of media for the students, by the students.
</p>
</div>
<h1 class="officer-heading">Officers</h1>
<!-- Officer section -->
<div class="officer-section">
<div class="officer-card">
<img src="photos/officers/keono.jpg" alt="Keon Ohmani">
<h2>Editor-in-Chief: <br> Keon Ohimai </h2>
</div>
<div class="officer-card">
<img src="photos/officers/emmalambert.jpg" alt="Emma Lambert">
<h2>Writing Head: <br> Emma Lambert </h2>
</div>
<div class="officer-card">
<img src="photos/officers/lauren.jpg" alt="Lauren Lowndes">
<h2>Creative Head: <br> Lauren Lowndes </h2>
</div>
<div class="officer-card">
<img src="photos/officers/ethan.jpg" alt="Ethan Tran">
<h2>Graphics Head: <br> Ethan Tran</h2>
</div>
<div class="officer-card">
<img src="photos/officers/manjiri.jpg" alt="Manjiri Chacharkar">
<h2>Social & Events Head: <br> Manjiri C. </h2>
</div>
<div class="officer-card">
<img src="photos/officers/shravya.jpg" alt="Shravya Mahesh">
<h2>Logistics Head: <br> Shravya Mahesh</h2>
</div>
<div class="officer-card">
<img src="photos/officers/emmagonzalez.jpg" alt="Emma Gonzalez">
<h2>Web Development: <br> Emma Gonzalez </h2>
</div>
</div>
</div>
</body>
</html>
<!-- <div id="bg-wrap" style="background-color: #2F1678; width: 100vw; height: 100vh; overflow: hidden;">
<svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style="width: 100%; height: 100%;">
<defs>
<radialGradient id="Gradient1" cx="50%" cy="50%" fx="0.441602%" fy="50%" r=".5">
<animate attributeName="fx" dur="30s" values="0%;3%;0%" repeatCount="indefinite"></animate>
<stop offset="0%" stop-color="#2F1678"></stop>
<stop offset="100%" stop-color="rgba(47, 22, 120, 0)"></stop>
</radialGradient>
<radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.68147%" fy="50%" r=".5">
<animate attributeName="fx" dur="35s" values="0%;3%;0%" repeatCount="indefinite"></animate>
<stop offset="0%" stop-color="#51289C"></stop>
<stop offset="100%" stop-color="rgba(81, 40, 156, 0)"></stop>
</radialGradient>
<radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.836536%" fy="50%" r=".5">
<animate attributeName="fx" dur="40s" values="0%;3%;0%" repeatCount="indefinite"></animate>
<stop offset="0%" stop-color="#723ABF"></stop>
<stop offset="100%" stop-color="rgba(114, 58, 191, 0)"></stop>
</radialGradient>
<radialGradient id="Gradient4" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5">
<animate attributeName="fx" dur="50s" values="0%;5%;0%" repeatCount="indefinite"></animate>
<stop offset="0%" stop-color="#C19EEA"></stop>
<stop offset="100%" stop-color="rgba(193, 158, 234, 0)"></stop>
</radialGradient>
</defs>
<rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient1)" transform="rotate(334.41 50 50)">
<animate attributeName="x" dur="25s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animate attributeName="y" dur="25s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="45s" repeatCount="indefinite"></animateTransform>
</rect>
<rect x="-2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)">
<animate attributeName="x" dur="30s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animate attributeName="y" dur="30s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="50s" repeatCount="indefinite"></animateTransform>
</rect>
<rect x="9.00483%" y="14.5733%" width="100%" height="100%" fill="url(#Gradient3)" transform="rotate(139.903 50 50)">
<animate attributeName="x" dur="35s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animate attributeName="y" dur="35s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="55s" repeatCount="indefinite"></animateTransform>
</rect>
<rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient4)" transform="rotate(334.41 50 50)">
<animate attributeName="x" dur="40s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animate attributeName="y" dur="40s" values="0%;50%;0%" repeatCount="indefinite"></animate>
<animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="60s" repeatCount="indefinite"></animateTransform>
</rect>
</svg>
</div>
-->