Commit 378d73b8 authored by Matthew Pickering's avatar Matthew Pickering
Browse files

Modernise HTML using bootstrap

parent c2734401
Pipeline #7732 passed with stages
in 13 minutes and 29 seconds
BODY {
margin-top: 0px;
margin-left: 0px;
background-color: #ffffff;
color: #000000;
font-family: sans-serif;
}
A:link { color: #0000e0; text-decoration: none }
A:visited { color: #0000a0; text-decoration: none }
A:hover { text-decoration: underline }
TD {
border-width: 0px;
}
/* -------------- top banner stuff: ---------------- */
TD.bannerleft {
background-image: url("images/ghc2.gif");
}
IMG.titleleft {
vertical-align: middle;
}
IMG.titlespacer {
vertical-align: middle;
}
TD.bannermiddle {
background-image: url("images/header_bg2.gif");
}
TD.bannerright {
width: 49px;
}
IMG.titleright {
vertical-align: middle;
}
TD.shadowleft {
background-image: url("images/green.gif");
#sidebar {
max-width: 150px;
background-color: #D6F3D7;
line-height: 1;
}
TD.shadowright {
background-image: url("images/shadow.gif");
}
/* ------------------------------------------------------------ */
LI {
padding-left: 10px;
padding-bottom: 8px;
}
H1 {
font-style: italic;
font-size: 140%;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
H2 {
font-style: italic;
font-size: 120%;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
TD.wholecontents {
width: 0px;
background-color: #D6F3D7;
vertical-align: top;
}
TD.rightpane {
width: 100%;
vertical-align: top;
padding-top: 20px;
padding-left: 10px;
}
TD.lefthead {
padding: 6px;
color: #ffffff;
.nav-title{
background-color: #008000;
padding: 5px;
color: white;
font-weight: bold;
font-style: italic;
}
/*
TD.lefthead {
font-weight: bold;
font-style: italic;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
*/
TD.contents {
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
}
}
DIV.body {
.navbar-nav .nav-link{
padding-left: 15px;
padding-top: 2.5px;
padding-bottom: 2.5px;
}
TABLE.contentstbl {
font-size: 90%;
#content{
padding:15px;
max-width:1000px;
}
TD.indentcell {
padding-left: 10px;
#header{
height: 70px;
line-height: 1;
background-image: linear-gradient(#2E677B, #00465E);
}
TD.cellhead {
padding-top: 7px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
#header-txt{
color: white;
font-size: 70px;
font-weight: 200%;
opacity: 0.25;
}
/* Blog post list */
.tags {
list-style: none;
display: inline;
padding: 0;
#header-name {
color: #AAF3B0;
}
.tags li {
display: inline;
color: #333;
background-color: #eee;
margin: 0.1em;
border-radius: 1em;
padding: 0.2em 0.3em;
}
article {
padding: 1em
h1,h2 {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
article a.title {
font-size:x-large;
body {
font-family: sans-serif;
}
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td nowrap="nowrap" class="bannerleft"><img src="/images/spacer.gif" width="169" height="70" class="titlespacer" alt="" /><img src="/images/title_left.gif" width="32" height="25" class="titleleft" alt="" /></td>
<td width="100%" class="bannermiddle"><img src="/images/title_right.gif" width="252" height="25" class="titleright" alt="" /></td>
<td class="bannerright"><img src="/images/symbol2.gif" width="49" height="70" alt="" /></td>
</tr>
</table>
<div class="navbar-fixed-left">
<div class="nav navbar-nav">
<span class="nav-title">About GHC</span>
<li class="nav-item"> <a class="nav-link" href="/">Home</a> </li>
<li class="nav-item"> <a class="nav-link" href="/license.html">License</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://haskell.org/haskellwiki/GHC">Documentation</a> </li>
<li class="nav-item"> <a class="nav-link" href="/blog.html">Blog</a> </li>
<li class="nav-item"> <a class="nav-link" href="/download.html">Download</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://gitlab.haskell.org/ghc/ghc/wikis/report-a-bug">Report a bug</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://gitlab.haskell.org/ghc/ghc/wikis">Developers Wiki</a> </li>
<span class="nav-title">About Haskell</span>
<li class="nav-item"> <a class="nav-link" href="https://haskell.org">Haskell.org</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://www.haskell.org/haskellwiki/Definition">Haskell 2010 Report</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://www.haskell.org/haskellwiki/Mailing_lists">Haskell Mailing Lists</a> </li>
<span class="nav-title">Links</span>
<li class="nav-item"> <a class="nav-link" href="http://hackage.haskell.org/platform/">Haskell Platform</a> </li>
<li class="nav-item"> <a class="nav-link" href="http://hackage.haskell.org/">Hackage</a> </li>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="shadowleft"><img src="/images/spacer.gif" height="6" alt="" /></td>
<td width="100%" class="shadowright"><img align="right" src="/images/shadright.gif" height="6" alt="" /></td>
</tr>
<tr>
<td nowrap="nowrap" class="wholecontents">
<table border="0" cellspacing="0">
<tr>
<td nowrap="nowrap" class="lefthead">About GHC</td>
</tr>
<tr>
<td nowrap="nowrap" class="contents">
<table class="contentstbl">
<tr>
<td nowrap="nowrap">
<a href="/">Home</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="/license.html">License</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="https://haskell.org/haskellwiki/GHC">Documentation</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="/blog.html">Blog</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="http://haskell.org/haskellwiki/GHC:FAQ">FAQ</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="/download.html">Download</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="https://gitlab.haskell.org/ghc/ghc/wikis/report-a-bug">Report a bug</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="https://gitlab.haskell.org/ghc/ghc/wikis/working-conventions/adding-features">Request a feature</a></td>
</tr>
<!--
<tr>
<td nowrap="nowrap">
<a href="https://hackage.haskell.org/trac/ghc/query?status=new&status=assigned&status=reopened&type=task&order=priority">
Task list</a></td>
</tr>
-->
<tr>
<td nowrap="nowrap">
<a href="https://gitlab.haskell.org/ghc/ghc/wikis">
Developers (Wiki)</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<a href="https://gitlab.haskell.org/ghc/ghc/wikis/team-ghc">The GHC Team</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td nowrap="nowrap" class="lefthead">About Haskell</td>
</tr>
<tr>
<td class="contents">
<table class="contentstbl">
<tr>
<td><a href="https://haskell.org/">
Haskell.Org</a></td>
</tr>
<tr>
<td>
<a href="https://www.haskell.org/haskellwiki/Definition">The
Haskell 2010 Report</a></td>
</tr>
<tr>
<td>
<a href="https://www.haskell.org/haskellwiki/Mailing_lists">The
Haskell Mailing Lists</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td nowrap="nowrap" class="lefthead">Links</td>
</tr>
<tr>
<td nowrap="nowrap" class="contents">
<table class="contentstbl">
<tr>
<td>
<a href="http://hackage.haskell.org/platform/">Haskell Platform</a>
</td>
</tr>
<tr>
<td>
<a href="http://hackage.haskell.org/">Hackage</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="100%" class="rightpane">
</div>
</div>
<article>
<header>
<div class="meta">
<time datetime="$date$" class="pubdate">$date$</time> | tagged with <ul class="tags">$tagsList$</ul>
<div class="card">
<div class="card-body">
<div class="container-fluid">
<div class="row">
<div class="col-lg-auto">
<span class="card-title"><a class="title" href="$url$">$title$</a></span>
-
$author$
</div>
<div class="col">
<span class="float-right">
<time datetime="$date$" class="text-muted text-right">$date$</time>
</span>
</div>
</div>
<a class="title" href="$url$">$title$</a>
</header>
</article>
</div>
</div>
</div>
<h1>Blog: $title$</h1>
<h1>$title$</h1>
<h4 class="text-muted">$author$ - $date$</h4>
$body$
......@@ -6,13 +6,29 @@
<title>$title$ — The Glasgow Haskell Compiler</title>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="/ghc.css" rel="stylesheet" type="text/css">
</head>
<body>
$snippet("partials/ghc-std.html")$
$body$
$snippet("partials/ghc-footer.html") $
<header id="header">
<span id="header-txt"> GHC </span>
<span id="header-name"> The Glasgow Haskell Compiler </span>
</header>
<div>
<div class="row no-gutters">
<div id="sidebar" class="col-sm-4">
<div class="sticky-top">
$snippet("partials/ghc-std.html")$
</div>
</div>
<div id="content" class="col">
$body$
</div>
</div>
<div class="row">
$snippet("partials/ghc-footer.html")$
</div>
</div>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment