{% block body %}
	<link rel="stylesheet" href="/css/announcements.css">
	<div class="announcements overlay">
		<div class="announcement-bar">
			<div class="templates">
				<div class="item" id="intermate-logo">
					<div class="intermate-logo">
						<img src="/images/intermatelogo_wit.png" alt="">
					</div>
				</div>
				<div class="item" id="birthdays-today">
					<div class="announcement">
						<p>Birthdays today:
							<span class="birthdays-span"></span>
						</p>
					</div>
				</div>
				<div class="item" id="spotify">
					<div class="announcement spotify">
						<div class="image">
							<img src="" alt="">
						</div>
						<div class="content">
							<span class="name"></span>
							<span class="artist"></span>
						</div>
					</div>
				</div>
				<div class="item" id="weather">
					<div class="announcement weather">
						<p>
							<span class="temperature"></span>
						</p>
						<div class="wrapper">
							<div class="hour next-hour">
								<div class="image">
									<img src="">
								</div>
								<p class="time"> 
								</p>
							</div>
							<div class="hour two-hour">
								<div class="image">
									<img src="">
								</div>
								<p class="time"> 
								</p>
							</div>
							<div class="hour three-hour">
								<div class="image">
									<img src="">
								</div>
								<p class="time"> 
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="item" id="time">
					<div class="announcement time">
						<p>
							<span class="time"></span>
						</p>
					</div>
				</div>
			</div>
			<div class="contents"></div>
		</div>
	</div>
{% endblock %}