Browse Source

New content.

pull/1/head
Joshua Moon 1 year ago
parent
commit
0a30c8fdb4
3 changed files with 68 additions and 14 deletions
  1. +39
    -5
      css/main.css
  2. +16
    -9
      index.php
  3. +13
    -0
      js/main.js

+ 39
- 5
css/main.css View File

@@ -99,7 +99,7 @@ html, body {
font-size: 14pt;
}

footer, header, main, main section {
footer, header, nav, main, main section {
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto 0 0;
@@ -129,20 +129,54 @@ footer, header, main, main section {
font-size: 0.8rem;
}

nav {
padding: 0;
background: #fff;
border-top: 4px solid #ccc;
border-bottom: 2px solid #ccc;
}
nav ul {
box-sizing: border-box;
background: white;
border-bottom: 2px solid #ccc;
display: flex;
flex-direction: row;
overflow: hidden;
width: 100%;
padding: 0 40px;
margin: 0;
}
nav li {
box-sizing: border-box;
text-align: center;
flex: 1;
min-width: 10rem;
padding: 10px 0;
margin: 0;
list-style: none;
}
.nav-link {
color: #111;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Quattrocento', serif;
font-weight: bold;
}
h1 {
margin-bottom: 0;
}

.construction {
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto 0 0;
padding: 20px 40px;
padding: 10px 40px;
background: rgba(255, 255, 0, 0.4);
font-size: 0.8rem;
}

figure, video, figcaption {


+ 16
- 9
index.php View File

@@ -58,18 +58,24 @@
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Quattrocento:700" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/ligtbox.min.css" />
<!--<link rel="stylesheet" href="css/main.css" />-->
<style type="text/css">
<?php include('./css/main.css'); ?>
</style>
<link rel="stylesheet" href="css/main.css?<?=time()?>" />
</head>
<body class="<?=($male ? "safety-off" : "safe-space")?>">
<div class="construction"><span>This webpage is currently in development.</span></div>

<header>
<div class="clearfix"></div>
<h1><?=$name?> <?=$lname?> is a Sexual Predator</h1>
<div class="clearfix"></div>
</header>

<nav>
<ul id="navbar">
<li><a class="nav-link" href="#wax-my-balls">&quot;Wax my Balls&quot;</a></li>
<li><a class="nav-link" href="#censoring-the-fallout">Censorship</a></li>
</ul>
</nav>

<main>
<section>
<div class="clearfix"></div>
@@ -89,8 +95,9 @@
In the past few months more information has been uncovered exposing him as someone with an unhealthy obsession with coming-of-age girls.
</p>
</section>
<section>
<h2 name="wax-my-balls">"Wax my Balls"</h2>

<section id="wax-my-balls">
<h2>"Wax my Balls"</h2>
<p>
The initial incident with <?=$lname?> started when <?=$pro?> attempted to find an aesthetician willing to do work on <?=$pos?> genital region.
<?=$lname?> had problems doing this because <?=$pro?> insisted on contacting women who specialized in Brazilian waxes.
@@ -128,8 +135,8 @@
</figure>
</section>

<section>
<h2 name="wax-my-balls">Censoring the Fallout</h2>
<section id="censoring-the-fallout">
<h2>Censoring the Fallout</h2>
<figure class="right">
<img src="/img/case/Yaniv-with-biz-Twitter-Cofounder.png" />
<figcaption>
@@ -206,6 +213,6 @@
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/lightbox.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/main.js?<?=time()?>"></script>
</body>
</html>

+ 13
- 0
js/main.js View File

@@ -0,0 +1,13 @@
(function(window, document, undefined) {
var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;

window.onscroll = function() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
};
})(window, window.document);

Loading…
Cancel
Save