School of Social Work

Page Header: Intranet

No notes defined.

<header class="pageHeader pageHeader--intranet">

    <div class="pageHeader__flex">
        <div class="pageHeader__inner">
            <div class="wrap">

                <div class="pageHeader__intranetHeader">
                    <div class="pageHeader__intranetHeaderTitle">
                        <nav class="breadcrumbs">
                            <ul>
                                <li><a href="">Home</a></li>
                                <li><a href="">Placeholder Item</a></li>
                                <li><a href="">A Long Titled Third Item Might Go Here Perhaps</a></li>
                            </ul>
                        </nav>
                        <div class="pageHeader__title">

                            <header class="tickertape  tickertape--bg-secondary">
                                <h1 class="tickertape__highlight">
                                    Reach out, raise hope, change society
                                </h1>
                            </header>

                            <a href="" class="pageHeader__intranetHeaderFavoriteLink">
                                <i class="icon  icon--heart" aria-hidden="true">
                                    <svg class="svgHeart" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
                                    </svg>
                                </i>
                                Favorite this page
                            </a>
                        </div>

                    </div>

                    <div class="pageHeader__intranetHeaderTools">
                        <div class="pageHeader__intranetHeaderToolsInfo">
                            <dl class="meta meta--inline">
                                <div class="meta__item">
                                    <dt class="caps">Roles:</dt>
                                    <dd>Student, Staff</dd>
                                </div>
                                <div class="meta__item">
                                    <dt class="caps">Advisors:</dt>
                                    <dd><a href="">Johnathon Doeingson-Smith</a> (Faculty), <a href="">Johnathon Doeingson-Smith</a> (Another)</dd>
                                </div>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="pageHeader__intranetSearch">

                    <form class="intranetSearch">
                        <div class="intranetSearch__searchField">
                            <label class="visually-hidden">Search MySSW</label>
                            <input class="intranetSearch__searchInput" type="text" placeholder="Search MySSW..." />
                            <button class="intranetSearch__searchButton" type="submit" aria-label="Search" title="Search">Search</button>
                        </div>
                        <a href="">Advanced Search</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</header>
 
<header class="pageHeader pageHeader--intranet">

	<div class="pageHeader__flex">
		<div class="pageHeader__inner">
			<div class="wrap">

				<div class="pageHeader__intranetHeader">
					<div class="pageHeader__intranetHeaderTitle">
						{% if breadcrumbs != false %}
							{% include '@breadcrumbs' with {
								list: '<ul>
								<li><a href="">Home</a></li>
								<li><a href="">Placeholder Item</a></li>
								<li><a href="">A Long Titled Third Item Might Go Here Perhaps</a></li>
							</ul>'
							} %}
						{% endif %}

						{% if title != false %}
							<div class="pageHeader__title">
								{% include '@tickertape' with {
									text: title ?: 'Reach out, raise hope, change society',
									textElement: titleElement ?: 'h1',
									background: titleBackground ?: 'secondary',
								} %}

								{% if favourite != 'hide' %}
									<a href="" class="pageHeader__intranetHeaderFavoriteLink">
										<i class="icon  icon--heart" aria-hidden="true">
											{% include '@icon--heart' %}
										</i>
										Favorite this page
									</a>
								{% endif %}
							</div>

						{% endif %}
					</div>

					<div class="pageHeader__intranetHeaderTools">
						<div class="pageHeader__intranetHeaderToolsInfo">
							<dl class="meta meta--inline">
								<div class="meta__item">
									<dt class="caps">Roles:</dt>
									<dd>{{ random(['Student, Staff', 'Student', 'Staff']) }}</dd>
								</div>
								<div class="meta__item">
									<dt class="caps">Advisors:</dt>
									<dd><a href="">{{ random(['Johnathon Doeingson-Smith', 'Johnathon Smith', 'Jon Doe']) }}</a> (Faculty), <a href="">{{ random(['Johnathon Doeingson-Smith', 'Johnathon Smith', 'Jon Doe']) }}</a> (Another)</dd>
								</div>
							</dl>
						</div>
						{% if viewMode and viewMode != 'edit' %}
							<div class="pageHeader__intranetHeaderToolsControls">
								{% include '@view-mode-switcher' %}
							</div>
						{% endif %}
					</div>
				</div>

				<div class="pageHeader__intranetSearch">
					{% include '@intranet-search' %}
				</div>
			</div>
		</div>
	</div>
</header>