dennis/Website-Templates
1
0
Fork 0
mirror of https://github.com/dawidolko/Website-Templates.git synced 2026-02-04 01:30:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Website templates

Browse Source
This commit is contained in:
Dawid Olko
2023-07-26 19:33:39 +02:00
commit 0d2d73a034
10339 changed files with 2002333 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
sinorca/index.html Normal file
View File

@@ -0,0 +1,201 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="haran" />
<meta name="generator" content="author" />
<!-- Navigational metadata for large websites (an accessibility feature): -->
<link rel="top" href="./index.html" title="Homepage" />
<link rel="up" href="./index.html" title="Up" />
<link rel="first" href="./index.html" title="First page" />
<link rel="previous" href="./index.html" title="Previous page" />
<link rel="next" href="./index.html" title="Next page" />
<link rel="last" href="./index.html" title="Last page" />
<link rel="toc" href="./index.html" title="Table of contents" />
<link rel="index" href="./index.html" title="Site map" />
<link rel="stylesheet" type="text/css" href="sinorca-screen.css" media="screen" title="Sinorca (screen)" />
<link rel="stylesheet alternative" type="text/css" href="sinorca-screen-alt.css" media="screen" title="Sinorca (alternative)" />
<link rel="stylesheet" type="text/css" href="sinorca-print.css" media="print" />
<title>Sinorca 2.0</title>
<style type="text/css">
<!--
.style1 {color: #C1FF64}
-->
</style>
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
<!-- ##### Header ##### -->
<div id="header">
<div class="superHeader">
<div class="left"> <span class="doNotDisplay">Related sites:</span> <a href="./index.html">Link
1</a> | <a href="./index.html">Link 2</a> </div>
<div class="right"> <span class="doNotDisplay">More related sites:</span>
<a href="./index.html">Link 3</a> | <a href="./index.html">Link 4</a> |
<a href="./index.html">Link 5</a> | <a href="./index.html">Link 6</a> |
<a href="./index.html">Link 7</a> </div>
</div>
<div class="midHeader">
<h1 class="headerTitle">Sinorca 2.0</h1>
</div>
<div class="subHeader">
<span class="doNotDisplay">Navigation:</span>
<a href="./index.html">Home</a> |
<a href="./index.html" class="highlight">Sinorca 2.0</a> |
<a href="./index.html">Other</a> |
<a href="./index.html">Header</a> |
<a href="./index.html">Links</a>
</div>
</div>
<!-- ##### Side Bar ##### -->
<div id="side-bar">
<div>
<p class="sideBarTitle">Navigate this page</p>
<ul>
<li><a href="#introduction">&rsaquo; Introduction</a></li>
<li><a href="#cross-browser" title="Improved cross-browser compatibility">&rsaquo; Cross-browser</a></li>
<li><a href="#stylesheets" title="Modified stylesheets">&rsaquo; Stylesheets</a></li>
<li><a href="#accessibility" title="Improved accessibility">&rsaquo; Accessibility</a></li>
</ul>
</div>
<div>
<p class="sideBarTitle">Sample menu</p>
<ul>
<li><a href="./index.html">&rsaquo; Sidebar</a></li>
<li><span class="thisPage">&raquo; Links</span></li>
<li><a href="./index.html">&rsaquo; Go</a></li>
<li><a href="./index.html">&rsaquo; Here</a></li>
<li><a href="http://www.oswd.org/email.phtml?user=haran">&rsaquo; Submit comments</a></li>
</ul>
</div>
<div class="lighterBackground">
<p class="sideBarTitle">Alternative stylesheet</p>
<span class="sideBarText">
Sinorca contains an alternative stylesheet that renders this side bar differently.
</span>
<span class="sideBarText">
To view the alternative stylesheet in (certain)
<span class="titleTip" title="eg: Mozilla, Camino, Netscape 6+">Gecko-based browsers</span>,
select <em>Sinorca (alternative)</em> from the <em>View</em> &rsaquo; <em>Use Style</em>
submenu.
</span>
</div>
<div>
<p class="sideBarTitle">Validation</p>
<span class="sideBarText">
Validate the <a href="http://validator.w3.org/check/referer">XHTML</a> and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> of this page.
</span>
</div>
</div>
<!-- ##### Main Copy ##### -->
<div id="main-copy">
<h1 id="introduction">Introduction</h1>
<p>This is version two of Sinorca, a revision of the
<a href="http://www.oswd.org/design/1165/sinorca/index.html">original design</a> I submitted
to <a href="http://www.oswd.org"><acronym title="Open Source Web Design">OSWD</acronym></a>
in January 2003. Following is a summary of the major differences between this version and the
original.</p>
<p>Sinorca is based on the website of <a href="http://www.acronis.com">Acronis</a>, a USA-based
computer software company. This template is marked up in
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Strict and styled
with <acronym title="Cascading Style Sheets">CSS</acronym>, allowing for greater compatibility
and transformability. The design does not use any tables (unlike
<a href="http://www.acronis.com" title="Acronis's homepage">the design&rsquo;s inspiration</a>)
resulting in greater design flexibility and cleaner code.</p>
<p>I hope you find this revision to your liking. You are free to use this design for any purpose
you wish &mdash; personal, commercial or otherwise &mdash; without any obligation. If you
publish a website that&rsquo;s based on this template, please
<a href="http://www.oswd.org/email.phtml?user=haran" title="E-mail form">e-mail me</a> your
site&rsquo;s <acronym title="Uniform Resource Identifier">URI</acronym>.</p>
<a class="topOfPage" href="#top" title="Go to the top of this page">^ TOP</a>
<h1 id="cross-browser">Improved cross-browser compatibility</h1>
<p>I did not test version one of Sinorca in Opera before submitting it to OSWD. As a result, the
original does not render properly in that browser. In contrast, this version of Sinorca has
been fully tested in <a href="http://www.opera.com">Opera</a> (7.01), Gecko
(<a href="http://www.mozilla.org">Mozilla</a> 1.3) and Internet Explorer (6.0) for consistent
rendering.</p>
<p>This means that people using <span class="titleTip" title="eg: Mozilla 1+, Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
will see the same format and layout of your page.</p>
<a class="topOfPage" href="#top" title="Go to the top of this page">^ TOP</a>
<h1 id="stylesheets">Modified stylesheets</h1>
<dl>
<dt>More comprehensive screen stylesheet</dt>
<dd>The improved cross-browser consistency is a result of Sinorca&rsquo;s more comprehensive
screen stylesheet. Major style parameters are explicitly defined in the stylesheet,
resulting in less dependence on browser-determined defaults and thus fewer rendering
idiosyncrasies.</dd>
<dt>Removal of colour scheme stylesheet</dt>
<dd>I&rsquo;ve removed the separate colour scheme stylesheet found in the original version,
instead incorporating the colour definitions in the single screen stylesheet.</dd>
<dt>Addition of a print media stylesheet</dt>
<dd>Sinorca now has a print media stylesheet that styles the page in a format appropriate for
black and white printing. To see the effect of this stylesheet, select
<span class="smallCaps">print preview</span> from the <span class="smallCaps">file</span>
menu, or direct this page to a printer (NB: print only this frame if you are viewing this
template in a multi-frame document).</dd>
</dl>
<a class="topOfPage" href="#top" title="Go to the top of this page">^ TOP</a>
<h1 id="accessibility">Improved accessibility</h1>
<p>This version of Sinorca has improved accessibility features for people with impaired vision.
The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10">
<acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a> and
<a href="http://www.access-board.gov/508.htm">&sect;&nbsp;508</a> guidelines for web content
accessibility. The relative simplicity of the template&rsquo;s underlying markup ensures that
your page can be easily transformed for rendering in aural, tactile (braille) and other
non-visual user agents.</p>
<p>Additionally, the majority of document metrics (widths, lengths and spacings) are font-size
relative. This means that a user can increase the default font size of your page (using their
browser) without compromising it&rsquo;s layout.</p>
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<div class="left">
E-mail:&nbsp;<a href="./index.html" title="Email webmaster">webmaster@your.company.com</a><br />
<a href="./index.html" class="doNotPrint">Contact Us</a>
</div>
<br class="doNotDisplay doNotPrint" />
<div class="right">
This design is (almost) public domain.<br />
<a href="./index.html" class="doNotPrint">This is a footer link<br />
</a>
<!--This theme is free for distriubtion, so long as link to openwebdesing.org and florida-villa.com stay on the theme-->
Courtesy <a href="http://www.openwebdesign.org" target="_blank">Open Web
Design</a><a href="http://www.dubaiapartments.biz" target="_blank"><img src="spacer.gif" width="5" height="5" border="0"/></a>Thanks
to <a href="http://www.florida-villa.com" target="_blank">Florida Vacation Homes</a> </div>
</div>
</body>
</html>

5
sinorca/readme.md Normal file
View File

@@ -0,0 +1,5 @@
## Project Description
* [live example](https://learning-zone.github.io/website-templates/sinorca/)
![alt text](https://github.com/learning-zone/Website-Templates/blob/master/assets/sinorca.png "sinorca")

136
sinorca/sinorca-print.css Normal file
View File

@@ -0,0 +1,136 @@
/************************************
* TITLE: Sinorca Print Stylesheet *
* URI : sinorca/sinorca-print.css *
* MODIF: 2003-May-01 19:30 +0800 *
************************************/
/* ##### Common Styles ##### */
body {
color: black;
background-color: white;
font-family: "times new roman", times, roman, serif;
font-size: 12pt;
margin: 0;
padding: 0;
}
acronym, .titleTip {
font-style: italic;
border-bottom: none;
}
acronym:after, .titleTip:after { /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
content: "(" attr(title) ")";
font-size: 90%;
font-style: normal;
padding-left: 1ex;
}
.doNotPrint {
display: none !important;
}
/* ##### Header ##### */
#header {
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}
.superHeader {
display: none;
}
.headerTitle {
color: black;
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 200%;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0 0 0.5ex 0;
}
.subHeader {
display: none;
}
/* ##### Side Bar ##### */
#side-bar {
display: none;
}
/* ##### Main Copy ##### */
#main-copy {
text-align: justify;
margin: 0;
padding: 0;
}
#main-copy h1 {
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 120%;
margin: 2ex 0 1ex 0;
padding: 0;
}
#main-copy a {
color: black;
background-color: transparent;
text-decoration: none;
}
#main-copy a:after { /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
content: "<" attr(href) ">";
font-size: 90%;
padding-left: 1ex;
}
p {
margin: 0 0 2ex 0;
padding: 0;
}
dl {
margin: 0;
padding: 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0 0 1ex 0;
}
dd {
margin: 0 0 2ex 1.5em;
padding: 0;
}
.topOfPage {
display: none;
}
/* ##### Footer ##### */
#footer {
margin: 2em 0 0 0;
padding: 1ex 0 0 0;
border-top: 1px solid black;
}
#footer a {
color: black;
background-color: transparent;
text-decoration: none;
}

292
sinorca/sinorca-screen-alt.css Normal file
View File

@@ -0,0 +1,292 @@
/***********************************************
* TITLE: Sinorca Alterative Screen Stylesheet *
* URI : sinorca/sinorca-screen-alt.css *
* MODIF: 2003-May-13 18:48 +0800 *
***********************************************/
/* ##### Common Styles ##### */
body {
color: black;
background-color: white;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 71%; /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}
html > body {
font-size: 8.5pt;
}
acronym, .titleTip {
border-bottom: 1px dotted rgb(153,153,153);
cursor: help;
margin: 0;
padding: 0 0 0.4px 0;
}
.doNotDisplay {
display: none;
}
.smallCaps {
font-size: 110%;
font-variant: small-caps;
}
/* ##### Header ##### */
.superHeader {
color: white;
background-color: rgb(100,135,220);
height: 2em;
}
.superHeader a {
color: white;
background-color: transparent;
text-decoration: none;
font-size: 91%;
margin: 0;
padding: 0 0.5ex 0 0.25ex;
}
.superHeader a:hover {
text-decoration: underline;
}
.superHeader .left {
position: absolute;
left: 1.5mm;
top: 0.75ex;
}
.superHeader .right {
position: absolute;
right: 1.5mm;
top: 0.75ex;
}
.midHeader {
color: rgb(39,78,144);
background-color: rgb(140,170,230);
}
.headerTitle {
font-size: 337%;
font-weight: normal;
margin: 0 0 0 4mm;
padding: 0.25ex 0;
}
.subHeader {
color: white;
background-color: rgb(0,51,153);
margin: 0;
padding: 1ex 1ex 1ex 1.5mm;
}
.subHeader a {
color: white;
background-color: transparent;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 0.75ex 0 0.5ex;
}
.subHeader a:hover {
text-decoration: underline;
}
.superHeader .highlight, .subHeader .highlight {
color: rgb(253,160,91);
background-color: transparent;
}
/* ##### Side Boxes ##### */
#side-bar {
width: 14em;
margin: 2.5em 0 0 1.25mm;
float: left;
clear: left;
}
body > #side-bar {
margin-left: 2.5mm; /* Circumvents a rendering bug in MSIE (6.0) */
}
.sideBarTitle {
color: white;
background-color: rgb(100,135,220);
font-weight: bold;
margin: 0;
padding: 0.4ex 0 0.4ex 0.6ex;
}
#side-bar ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0 0 2.25em 0;
}
#side-bar li {
margin: 0;
padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE (6.0) */
}
#side-bar a, .thisPage {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 1.3ex 2ex;
display: block;
}
.thisPage {
color: black;
background-color: transparent;
}
#side-bar a:hover {
color: white;
background-color: rgb(100,135,220);
text-decoration: none;
}
.sideBarText {
line-height: 1.5em;
margin: 0 0 2.5em 0;
padding: 1ex 0.5ex 0 0.5ex;
display: block;
}
.sideBarText + .sideBarText { /* Not recognised by MSIE (6.0) */
margin-top: -1.5em;
}
#side-bar .sideBarText a {
text-decoration: underline;
font-weight: normal;
margin: 0;
padding: 0;
display: inline;
}
#side-bar .sideBarText a:hover {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
}
/* ##### Main Copy ##### */
#main-copy {
color: black;
background-color: transparent;
text-align: justify;
line-height: 1.5em;
margin: -1em 0 0 15em;
padding: 0.5mm 5mm 5mm 5mm;
}
#bodyText {
margin: 0 0 0 15.5em;
padding: 2mm 5mm 2mm 5mm;
}
#main-copy p {
margin: 1em 1ex 2em 1ex;
padding: 0;
}
#main-copy a {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: underline;
}
#main-copy a:hover {
text-decoration: none;
}
#main-copy h1 {
color: rgb(0,102,204);
background-color: transparent;
font-size: 145.5%;
font-weight: bold;
margin: 2em 0 0 0;
padding: 0.5ex 0 0.5ex 0.6ex;
border-bottom: 1px solid rgb(0,102,204);
}
#main-copy .topOfPage {
color: rgb(0,102,204);
background-color: transparent;
font-size: 91%;
font-weight: bold;
text-decoration: none;
margin: 3ex 1ex 0 0;
padding: 0;
float: right;
}
dl {
margin: 1em 1ex 2em 1ex;
padding: 0;
}
dt {
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
}
dd {
margin: 0 0 2em 2em;
padding: 0;
}
/* ##### Footer ##### */
#footer {
color: white;
background-color: rgb(100,135,220);
font-size: 91%;
margin: 0;
padding: 1em 2.5mm 2.5ex 2.5mm;
clear: both;
}
#footer .left {
text-align: left;
line-height: 1.45em;
float: left;
clear: left;
}
#footer .right {
text-align: right;
line-height: 1.45em;
}
#footer a {
color: white;
background-color: transparent;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

289
sinorca/sinorca-screen.css Normal file
View File

@@ -0,0 +1,289 @@
/*************************************
* TITLE: Sinorca Screen Stylesheet *
* URI : sinorca/sinorca-screen.css *
* MODIF: 2003-Apr-30 19:31 +0800 *
*************************************/
/* ##### Common Styles ##### */
body {
color: black;
background-color: rgb(240,240,240);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 71%; /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}
html > body {
font-size: 8.5pt;
}
acronym, .titleTip {
border-bottom: 1px dotted rgb(153,153,153);
cursor: help;
margin: 0;
padding: 0 0 0.4px 0;
}
.doNotDisplay {
display: none;
}
.smallCaps {
font-size: 110%;
font-variant: small-caps;
}
/* ##### Header ##### */
.superHeader {
color: white;
background-color: rgb(100,135,220);
height: 2em;
}
.superHeader a {
color: white;
background-color: transparent;
text-decoration: none;
font-size: 91%;
margin: 0;
padding: 0 0.5ex 0 0.25ex;
}
.superHeader a:hover {
text-decoration: underline;
}
.superHeader .left {
position: absolute;
left: 1.5mm;
top: 0.75ex;
}
.superHeader .right {
position: absolute;
right: 1.5mm;
top: 0.75ex;
}
.midHeader {
color: rgb(39,78,144);
background-color: rgb(140,170,230);
}
.headerTitle {
font-size: 337%;
font-weight: normal;
margin: 0 0 0 4mm;
padding: 0.25ex 0;
}
.subHeader {
color: white;
background-color: rgb(0,51,153);
margin: 0;
padding: 1ex 1ex 1ex 1.5mm;
}
.subHeader a {
color: white;
background-color: transparent;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 0.75ex 0 0.5ex;
}
.subHeader a:hover {
text-decoration: underline;
}
.superHeader .highlight, .subHeader .highlight {
color: rgb(253,160,91);
background-color: transparent;
}
/* ##### Side Bar ##### */
#side-bar {
width: 15em;
float: left;
clear: left;
border-right: 1px solid rgb(153,153,153);
}
#side-bar div {
border-bottom: 1px solid rgb(153,153,153);
}
.sideBarTitle {
font-weight: bold;
margin: 0 0 0.5em 2.5mm;
padding: 1em 0 0 0;
}
#side-bar ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0 0 1.1em 0;
}
#side-bar li {
margin: 0;
padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE 6.0 */
}
#side-bar a, .thisPage {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0.75em 1ex 0.75em 5mm;
display: block;
}
.thisPage {
color: black;
background-color: white;
padding-left: 4mm;
border-top: 1px solid rgb(153,153,153);
border-bottom: 1px solid rgb(153,153,153);
}
#side-bar a:hover {
color: white;
background-color: rgb(100,135,220);
text-decoration: none;
}
.sideBarText {
line-height: 1.5em;
margin: 0 0 1em 0;
padding: 0 1.5ex 0 2.5mm;
display: block;
}
#side-bar .sideBarText a {
text-decoration: underline;
margin: 0;
padding: 0;
display: inline;
}
#side-bar .sideBarText a:hover {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
}
.lighterBackground {
color: inherit;
background-color: white;
}
/* ##### Main Copy ##### */
#main-copy {
color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 15em;
padding: 0.5mm 5mm 5mm 5mm;
border-left: 1px solid rgb(153,153,153);
}
#main-copy p {
margin: 1em 1ex 2em 1ex;
padding: 0;
}
#main-copy a {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: underline;
}
#main-copy a:hover {
text-decoration: none;
}
#main-copy h1 {
color: white;
background-color: rgb(100,135,220);
font-size: 100%;
font-weight: bold;
margin: 3em 0 0 0;
padding: 0.5ex 0 0.5ex 1ex;
}
#main-copy .topOfPage {
color: white;
background-color: transparent;
font-size: 91%;
font-weight: bold;
text-decoration: none;
margin: 2.5ex 1ex 0 0; /* For MSIE */
padding: 0;
float: right;
}
#main-copy > .topOfPage {
margin: 2.75ex 1ex 0 0; /* For fully standards-compliant user agents */
}
dl {
margin: 1em 1ex 2em 1ex;
padding: 0;
}
dt {
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
}
dd {
margin: 0 0 2em 2em;
padding: 0;
}
/* ##### Footer ##### */
#footer {
color: white;
background-color: rgb(100,135,220);
font-size: 91%;
margin: 0;
padding: 1em 2.5mm 2.5ex 2.5mm;
clear: both;
}
#footer .left {
line-height: 1.45em;
float: left;
clear: left;
}
#footer .right {
text-align: right;
line-height: 1.45em;
}
#footer a {
color: white;
background-color: transparent;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}