Skip to content

Instantly share code, notes, and snippets.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="css/cooking-design.css">
</head>
<body>
<!-- ************* Text Components ****************** -->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
@revitalk
revitalk / footer.php
Last active September 26, 2018 17:25
@revitalk
revitalk / portfolio.html
Created September 24, 2018 16:40
Bootstrap portfolio demo
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="custom.css">
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
// images should be stored in images folder in root directory. They should be sized to their final size in Photoshop.
<?php
if ( is_home() ) $my_header_image = "Building-2009_0064.jpg"; // for home page
elseif ( is_page('History')) $my_header_image = "AnnualMeet-2009_0095.jpg"; // identifies a page by its title
elseif ( is_page('History') or is_page('Scholarship Programs') ) $my_header_image = "AnnualMeet-2009_0095.jpg"; // assigns an image for two pages at once
elseif ( is_page(2) ) $my_header_image = "http://.../ImageB.png"; // identifies a page or post by its id
else $my_header_image = "Building-2009_0064.jpg"; // for all other pages (default image)
?>
<img src="<?php echo get_template_directory_uri(); ?>/images/<?php echo $my_header_image; ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="" />
<button id="toggle-lineup" onclick="toggleMenu('content');">Lineup</button>
#content{
display:none;
}
@revitalk
revitalk / festival-pro.html
Last active May 12, 2021 22:31
Simple JS slideshow with autoplay, next/prev buttons, and direct buttons to slides.
<!doctype html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>RockFest NY 2017</title>
<link rel="stylesheet" href="festival.css">
<script src="slideshow.js"></script>
<script>
function toggle_div(id){
@revitalk
revitalk / basic-side-menu.css
Last active February 3, 2016 04:24
Basic responsive side menu
*{
padding:0;
margin:0;
}
#wrapper{
padding:1em;
max-width:960px;
margin:0 auto;
}
nav{
<?php
/**
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site may use a
* different template.
*
* @link https://codex.wordpress.org/Template_Hierarchy