Skip to content
This repository has been archived by the owner on Aug 24, 2021. It is now read-only.

Commit

Permalink
New header!
Browse files Browse the repository at this point in the history
  • Loading branch information
jxxe committed May 2, 2020
1 parent 8a91830 commit 14e9127
Show file tree
Hide file tree
Showing 14 changed files with 1,165 additions and 265 deletions.
Binary file modified .DS_Store
Binary file not shown.
Binary file modified css/.DS_Store
Binary file not shown.
62 changes: 60 additions & 2 deletions css/admin.css
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,70 @@
.attachment-info .image-display {
display: none;
}

.media-sidebar .acf-field .acf-label label,
.attachment-info .acf-field .acf-label label {
font-weight: normal!important;
}

.acf-gallery-side-data .image-display {
display: table-row;
}

#su-generator-tools,
#su-generator-search-pro-tip,
#su-generator-filter,
#su-generator-breadcrumbs,
#su-generator-attr-first_image_url {
display: none!important;
}

.mfp-close {
margin-top: -44px;
margin-right: -16px;
color: white!important;
}

#su-generator {
padding: 15px;
max-width: 600px;
}

#su-generator-search {
margin-bottom: 15px;
}

#su-generator-choices:before {
display: none;
}

#su-generator-choices {
margin-top: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;

}

#su-generator-choices > span {
display: flex;
width: 100%;
background-color: #E7E7E7;
height: 55px;
align-items: center;
border-radius: 4px;
}

.su-generator-attr-container {
border-bottom: none!important;
box-shadow: none!important;
}

.su-generator-upload-button {
height: initial;
padding: initial;
line-height: initial;
font-size: initial;
vertical-align: initial;
min-height: initial;
margin-bottom: initial;
}
2 changes: 1 addition & 1 deletion front-page.php
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@
elseif(get_row_layout() == 'title'): // Title
set_query_var('display-info', array(
'title' => get_sub_field('title'),
'url' => get_sub_field('title'),
'url' => get_sub_field('url'),
'icon' => get_sub_field('icon'),
'icon-color' => get_sub_field('icon_color'),
'text-color' => get_sub_field('text_color')
Expand Down
163 changes: 103 additions & 60 deletions header.php
Original file line number Diff line number Diff line change
Expand Up @@ -2,72 +2,115 @@

<body id="<?php print get_stylesheet(); ?>" <?php body_class(); ?>>

<?php get_template_part('php/donation-banner'); ?>

<header id="header">
<div class="masthead-outer">
<section id='masthead'>
<div class="masthead-left">
<p class="tagline">The Voice of the Students</p>
<?php
$api_url = "http://api.openweathermap.org/data/2.5/weather?id=5327684&lang=en&units=imperial&APPID=47697438d4ba438b6cd5f5786542d2ef";

$ch = curl_init();

curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $api_url);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($ch, CURLOPT_VERBOSE, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
$response = curl_exec($ch);

curl_close($ch);
$data = json_decode($response);
$currentTime = time();
?>
<?php if( $data->cod !== 429) { ?>
<p class="date"><?php echo date('F j, Y'); ?> - Feels Like <?php echo round($data->main->feels_like); ?>°F</p>
<?php } ?>
<div class="mobile-menu-outer">
<div class="mobile-menu">
<ul>
<li><a href="">News</a></li>
<li><a href="">Features</a></li>
<li><a href="">Photo</a></li>
<li><a href="">Multimedia</a></li>
<li><a href="">Columns</a></li>
<li><a href="">Editorial</a></li>
<li><a href="">Opinion</a></li>
<li><a href="">Sports</a></li>
<li><a href="">Entertainment</a></li>
</ul>
</div>
</div>
<header>
<div class="search-dropdown">
<div class="search-dropdown-inner">
<form class="search-dropdown-form">
<i class="far fa-search"></i>
<input type="text" class="search-field" name="s" value="<?php the_search_query(); ?>" placeholder="Enter your search term and press enter...">
</form>
</div>
</div>
<div class="sections-dropdown">
<div class="sections-dropdown-inner">
<ul>
<?php
wp_nav_menu(array(
'menu' => wp_get_nav_menu_name( 'sections' ),
'menu_class' => "menu-items",
'container' => "nav",
'container_id' => "menu",
'depth' => "1",
)); ?>
</ul>
<a href="/login" class="login-link">Login</a>
</div>
</div>
<div class="donation-dropdown">
<div class="donation-dropdown-inner">
<div class="donation-dropdown-left">
<i class="far fa-newspaper"></i>
<span>Help us continue to provide a platform for professional-level student journalism.</span>
</div>
<div class="masthead-center">
<div class="logo-outer">
<a href="/">
<img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/masthead-light.svg">
</a>
<div class="donation-dropdown-right">
<div class="donation-dropdown-form">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="bhsasb@berkeley.net" />
<input type="hidden" name="item_name" value="Donation to the Berkeley High Jacket newspaper" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="return" value="<?php echo get_site_url() . $_SERVER['REQUEST_URI']; ?>?donation=completed" />
<select name="amount">
<option value="10.00">$10</option>
<option value="25.00" selected>$25</option>
<option value="50.00">$50</option>
<option value="100.00">$100</option>
<option value>Other</option>
</select>
<input type="submit" value="Support the Jacket">
</form>
</div>
</div>
<div class="masthead-right">
<a class="button outline light" href="/subscribe">Subscribe</a>
</div>
</section>
</div>
</div>
<div class="navigation-outer">
<section id="navigation">
<div class="navigation-left">
<?php get_search_form(); ?>
<div class="default-header">
<div class="header-inner">
<div class="header-left">
<ul>
<li class="sections-toggle"><i class="far fa-bars"></i><span>Sections</span></li>
<li><a href="/section/news">News</a></li>
<li><a href="/section/features">Features</a></li>
<li><a href="/section/opinion">Opinion</a></li>
</ul>
</div>
<div class="navigation-center">
<?php wp_nav_menu( array(
'menu' => wp_get_nav_menu_name( 'sections' ),
'menu_class' => "menu-items",
'container' => "nav",
'container_id' => "menu",
'depth' => "1",
) ); ?>
<div class="mobile-menu">
<a href="/?s="><i class="fas fa-search"></i></a>
<a href="/?s=" class="mobile-menu-search">Search</a>
<?php foreach( wp_get_nav_menu_items( wp_get_nav_menu_name( 'sections' ) ) as $menu_item ) { ?>
<a href="<?php echo $menu_item->url; ?>" class="mobile-menu-item"><?php echo $menu_item->title; ?></a>
<?php } ?>
</div>
<div class="header-center">
<a href="<?php echo get_site_url(); ?>"><img class="header-logo" src="<?php echo get_template_directory_uri(); ?>/images/masthead-dark.svg"></a>
</div>
<div class="navigation-right">
<a href="/login">Login</a>
<div class="header-right">
<ul>
<li><a href="/subscribe">Subscribe</a></li>
<li class="header-button">Support Us</li>
<li class="search-toggle search-toggle-mobile"><span>Search</span><i class="far fa-search"></i></li>
<li class="search-toggle"><i class="far fa-search"></i></li>
</ul>
</div>
</section>
</div>
</div>
</header>

<?php get_template_part('php/posts/universal/sticky'); ?>
<div class="sticky-sections">
<div class="sticky-sections-inner">
<div class="sticky-sections-left">
<?php
wp_nav_menu(array(
'menu' => wp_get_nav_menu_name( 'sections' ),
'menu_class' => "menu-items",
'container' => "nav",
'container_id' => "menu",
'depth' => "1",
)); ?>
</div>
<div class="sticky-sections-right">
<ul>
<li><a href="/subscribe">Subscribe</a></li>
<li class="header-button">Support Us</li>
<li class="search-toggle"><i class="far fa-search"></i></li>
</ul>
</div>
</div>
</div>
</header>
Binary file modified images/.DS_Store
Binary file not shown.
3 changes: 1 addition & 2 deletions php/donation-banner.php
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<?php if($_COOKIE['donation'] !== 'closed' || $_COOKIE['donation'] !== 'completed') { ?>
<?php if($_COOKIE['donation'] !== 'closed' && $_COOKIE['donation'] !== 'completed') { ?>

<script>
function closeDonationBanner() {
Expand Down Expand Up @@ -33,7 +33,6 @@ function closeDonationBanner() {
<button class="donation-banner-close" onclick="closeDonationBanner();">Hide</button>
</div>
<?php } else { ?>
<canvas id="confetti"></canvas>
<h1 class="donation-thanks">Thank you for your donation!</h1>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.2.0/dist/confetti.browser.min.js"></script>
<script>
Expand Down
61 changes: 0 additions & 61 deletions php/shortcodes/shortcode-functions.php
Original file line number Diff line number Diff line change
@@ -1,65 +1,4 @@
<?php
// Shortcode Editor Styles
add_action('admin_head', 'shortcode_styles');

function shortcode_styles() {
echo '<style>
#su-generator-tools,
#su-generator-search-pro-tip,
#su-generator-filter,
.su-generator-presets,
#insert-media-button {
display: none!important;
}
#su-generator-search {
margin: 0;
width: calc(100% - 20px)!important;
}
#su-generator-search:focus {
border-color: #800000!important;
box-shadow: 0 0 0 1px #800000!important;
}
#su-generator {
max-width: 500px!important;
}
#su-generator-choices>span {
background-color: #800000!important;
color: white!important;
border-radius: 4px!important;
border: none!important;
width: calc(100% / 3)!important;
}
.sui-image {
color: white!important;
}
.mfp-close {
margin-top: 5px!important;
}
.su-generator-button {
color: #ffffff!important;
border-color: #800000!important;
background-color: #800000!important;
}
#su-generator .button {
border-color: #800000!important;
color: #800000!important;
}
.su-generator-button:hover,
#su-generator .button-primary {
border-color: #800000!important;
color: #ffffff!important;
background-color: #800000!important;
}
.su-generator-button svg {
opacity: 1!important;
}
.su-generator-toggle-preview:after {
content: " (Not styled)";
}
</style>';
}
// End Shortcode Editor Styles

// Remove Shortcodes
add_filter(
'su/data/shortcodes',
Expand Down
Loading

0 comments on commit 14e9127

Please sign in to comment.