Esempio n. 1
0
function head($directoryLevel)
{
    $directoryString = getDirectoryString($directoryLevel);
    $returnValue = "";
    $returnValue .= <<<EOT

<header>

\t<!-- OVERFLOW MENU -->
\t<div class="overflow-menu">
\t\t<div class="title-div">
\t\t\t<span class="title"><a href="{$directoryString}">Queen's Chess Club</a></span>
\t\t</div>

EOT;
    $returnValue .= links($directoryString);
    $returnValue .= <<<EOT

\t</div>

\t<div class="container">
\t\t<div class="row">
\t\t\t<div class="twelve columns header">

\t\t\t\t<!-- HEADER-LEFT -->
\t\t\t\t<div class="three columns header-left" >
\t\t\t\t\t<a href="{$directoryString}">
\t\t\t\t\t\t<img class="logo" src="{$directoryString}/icons/logo2.png"/>
\t\t\t\t\t</a>

\t\t\t\t\t<button class="overflow">
\t\t\t\t\t\t<img class="iconMenuGray" src="{$directoryString}icons/icon-menu-gray.png" alt="Menu button in black" style="width:22px;"/>
\t\t\t\t\t</button>
\t\t\t\t</div>

\t\t\t\t<!-- HEADER RIGHT -->
\t\t\t\t<div class="nine columns header-right">

\t\t\t\t\t<div class="title-div">
\t\t\t\t\t\t<span class="title"><a href="{$directoryString}">Queen's Chess Club</a></span>
\t\t\t\t\t</div>

EOT;
    $returnValue .= links($directoryString);
    $returnValue .= <<<EOT

\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
</header>

EOT;
    return $returnValue;
}
Esempio n. 2
0
function foot($directoryLevel)
{
    $directoryString = getDirectoryString($directoryLevel);
    $returnValue = "";
    $returnValue .= <<<EOT
\t<footer>
\t\t<div class="footer-contain">
\t\t\t<div class="footer-main">

\t\t\t\t<a href="{$directoryString}" class="name">
\t\t\t\t\t<div class="nameCircle" style="width: 14px; height: 14px"></div>
\t\t\t\t\t<span class="title" style="font-size: 18pt">simonkhzhang.me</span>
\t\t\t\t</a>

\t\t\t\t<br>

\t\t\t\t<ul class="links nav">
\t\t\t\t\t<li class="link-item"><a href="http://facebook.com/simonkhzhang"><img src="{$directoryString}icons/FB-f-Logo__blue_64.png" alt="Facebook" style="width: 25px;"/></a></li>
\t\t\t\t\t<li class="link-item"><a href="http://twitter.com/skhzhang"><img src="{$directoryString}icons/Twitter_logo_blue.png" alt="Twitter" style="width: 25px;"/></a></li>
\t\t\t\t\t<li class="link-item"><a href="http://github.com/skhzhang"><img src="{$directoryString}icons/GitHub-Mark-Light-64px.png" alt="Github" style="width: 25px;"/></a></li>
\t\t\t\t\t<li class="link-item"><a href="http://linkedin.com/in/skhzhang"><img src="{$directoryString}icons/In-2C-75px.png" alt="LinkedIn" style="height: 25px;"/></a></li>
\t\t\t\t</ul>
\t\t\t</div>

\t\t\t<div class="footer-links">
\t\t\t\t<ul>
\t\t\t\t\t\t<li><a href="{$directoryString}about">About</a></li>
\t\t\t\t\t\t<li><a href="{$directoryString}projects">Projects</a></li>
\t\t\t\t\t\t<!--<li><a href="{$directoryString}contact">Contact</a></li>-->
\t\t\t\t</ul>

\t\t\t\t<div class="separator"></div>
\t\t\t\t

\t\t\t\t<ul>
\t\t\t\t\t<li>
\t\t\t\t\t\t<a href="{$directoryString}documents/Simon_Zhang_resume.pdf"><img src="{$directoryString}icons/professional5.png" alt="Resume" style="width: 18px;"/> Resume</a>
\t\t\t\t\t</li>
\t\t\t\t\t<li>
\t\t\t\t\t\t<a href="mailto:simonkhzhang@gmail.com" title="*****@*****.**">
\t\t\t\t\t\t\t<img src="{$directoryString}icons/email6-white.png" alt="Email" style="width: 18px;"/> Email
\t\t\t\t\t\t</a>
\t\t\t\t\t</li>
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>
\t</footer>
EOT;
    return $returnValue;
}
Esempio n. 3
0
function navbar($showNavbar, $chameleon, $directoryLevel)
{
    $directoryString = getDirectoryString($directoryLevel);
    $returnValue = "";
    $returnValue .= <<<EOT
\t<div class="navicon">
\t\t<img class="iconMenuGray" src="{$directoryString}icons/icon-menu-gray.png" alt="Menu button in black" style="width:30px;"/>
\t\t<img class="iconMenuOrange" src="{$directoryString}icons/icon-menu-orange.png" alt="Menu button in orange" style="width:30px; display:none;"/>
\t</div>

EOT;
    // show the navbar if parameter $show is true
    if ($showNavbar) {
        $returnValue .= "<div id='navbar' style='display: block;'>";
    } else {
        $returnValue .= "<div id='navbar' style='display: none;'>";
    }
    // apply the chameleon class, allow the navbar to change colour when scrolling if true
    if ($chameleon) {
        $returnValue .= "<div class=\"chameleon navbar-top\"></div>";
        $returnValue .= "<div class=\"chameleon navbar-main\">";
    } else {
        $returnValue .= "<div class=\"navbar-top\"></div>";
        $returnValue .= "<div class=\"navbar-main\">";
    }
    $returnValue .= <<<EOT

\t\t<!-- HOMEPAGE -->
\t\t<a href="{$directoryString}">
\t\t\t<div class="nav" style="margin-top: 10px;">
\t\t\t\t<div class="name" onmouseover="colourText('title', 0, '#F57A00')" onmouseout="colourText('title', 0, '#E9EEF0')">
\t\t\t\t\t<div class="nameCircle" style="width: 8px; height: 8px"></div>
\t\t\t\t\t<span class="title" style="font-size: 13pt">simonkhzhang.me</span>
\t\t\t\t</div>
\t\t\t</div>
\t\t</a>

\t\t<!-- OTHER PAGES -->
\t\t<ul class="nav" style="margin-bottom: 10px;">
\t\t\t<li class="nav-listItem"><a href="{$directoryString}"><button class="nav-button">Home</button></a></li>
\t\t\t<li class="nav-listItem"><a href="{$directoryString}about"><button class="nav-button">About</button></a></li>
\t\t\t<li class="nav-listItem"><a href="{$directoryString}projects"><button class="nav-button">Projects</button></a></li>
\t\t</ul>


\t\t<div class="navbar-main-bottom">

\t\t\t<!-- RESUME -->
\t\t\t<div class="nav">
\t\t\t\t<a href="{$directoryString}documents/Simon_Zhang_resume.pdf">
\t\t\t\t\t<button class="nav-button" style="height: 45px; padding: 5px;">
\t\t\t\t\t\t<img src="{$directoryString}icons/professional5.png" alt="Resume" style="width:25px;"/>&nbsp;Resume&nbsp;&nbsp;
\t\t\t\t\t</button>
\t\t\t\t</a>
\t\t\t</div>

\t\t\t<!-- EMAIL -->
\t\t\t<div class="nav">
\t\t\t\t<a href="mailto:simonkhzhang@gmail.com">
\t\t\t\t\t<button class="nav-button" style="height: 65px; padding: 5px;">
\t\t\t\t\t\t<img src="{$directoryString}icons/email6-white.png" alt="Email" style="width:25px;"/>&nbsp;Email&nbsp;&nbsp;
\t\t\t\t\t\t<br/><span style="font-size:8pt;">simonkhzhang@gmail.com</span>
\t\t\t\t\t</button>
\t\t\t\t</a>
\t\t\t</div>
\t\t\t
\t\t\t<!-- SOCIAL -->
\t\t\t<ul class="links nav">
\t\t\t\t<li class="link-item"><a href="http://facebook.com/simonkhzhang"><img src="{$directoryString}icons/FB-f-Logo__blue_64.png" alt="Facebook" style="width: 25px;"/></a></li>
\t\t\t\t<li class="link-item"><a href="http://twitter.com/skhzhang"><img src="{$directoryString}icons/Twitter_logo_blue.png" alt="Twitter" style="width: 25px;"/></a></li>
\t\t\t\t<li class="link-item"><a href="http://github.com/skhzhang"><img src="{$directoryString}icons/GitHub-Mark-Light-64px.png" alt="Github" style="width: 25px;"/></a></li>
\t\t\t\t<li class="link-item"><a href="http://linkedin.com/in/skhzhang"><img src="{$directoryString}icons/In-2C-75px.png" alt="LinkedIn" style="height: 25px;"/></a></li>
\t\t\t</ul>

\t\t</div>

\t</div>
</div>

EOT;
    return $returnValue;
}
Esempio n. 4
0
function topbar($chameleon, $directoryLevel)
{
    $directoryString = getDirectoryString($directoryLevel);
    $returnValue = "";
    if ($chameleon) {
        $returnValue .= "<div class=\"chameleon\" id=\"topbar\" >";
    } else {
        $returnValue .= "<div id=\"topbar\" >";
    }
    $returnValue .= <<<EOT
\t\t<div class="container">
\t\t\t<div class="row nav2-contain">
\t\t\t\t<div class="six columns">
\t\t\t\t\t<a href="{$directoryString}">
\t\t\t\t\t\t<div class="name">
\t\t\t\t\t\t\t<div class="nameCircle" style="width: 14px; height: 14px"></div>
\t\t\t\t\t\t\t<span class="title" style="font-size: 20pt">simonkhzhang.me</span>

\t\t\t\t\t\t</div>
\t\t\t\t\t</a>
\t\t\t\t\t<!-- Status Message:
\t\t\t\t\tchange inline-block to none if not needed;
\t\t\t\t\tchange message text as needed -->
\t\t\t\t\t<span class="statusMsg" style="display: none;">
\t\t\t\t\t\t<img src="{$directoryString}icons/info28.png" style="height: 15px;"/>
\t\t\t\t\t\tWelcome! My website is a work-in-progress, so apologies for any bugs or glitches!
\t\t\t\t\t</span>

\t\t\t\t</div>
\t\t\t\t<div class="nav2 six columns">
\t\t\t\t\t<ul>
EOT;
    $topbarLinks = ["about/index.php" => "About", "projects/index.php" => "Projects"];
    //echo $_SERVER['PHP_SELF'];
    foreach ($topbarLinks as $page => $pageName) {
        $currentPage = $_SERVER['PHP_SELF'];
        // if not current page, make it a link
        if ("/" . $page != $currentPage && "/simonkhzhang.me/" . $page != $currentPage) {
            $returnValue .= <<<EOT
\t\t\t\t\t\t<li><a href="{$directoryString}{$page}">{$pageName}</a></li>
EOT;
        } else {
            // if this is the current page
            $returnValue .= <<<EOT
\t\t\t\t\t\t<li><a class="current-page" href="{$directoryString}{$page}">{$pageName}</a></li>
EOT;
        }
    }
    $returnValue .= <<<EOT

\t\t\t\t\t\t<!--<li><a href="{$directoryString}contact">Contact</a></li>-->
\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t<a href="mailto:simonkhzhang@gmail.com" title="*****@*****.**"><img src="{$directoryString}icons/email6-white.png" alt="Email" style="width: 18px;"/> Email</a>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>
\t\t\t\t</div>



\t\t\t</div>
\t\t</div>

\t<!-- TO TOP BUTTON -->
\t<a href="#"><div id='toTop' style="background-image: url('{$directoryString}icons/chevron-white.png');"></div></a>

\t</div>
\t
EOT;
    return $returnValue;
}