Skip to content
Commits on Source (13)
......@@ -6,7 +6,7 @@
margin: 1em 0;
margin-left: 0.5em;
margin-right: 0.5em;
background: #e65c00;
background: #e76808;
font-size: 85%;
}
......
......@@ -62,8 +62,7 @@ acronym, abbr {
float: left;
padding: 0.2em;
min-width: 170px;
margin-left: 1%;
width: 16%;
width: 17%;
}
#title {
......@@ -171,7 +170,7 @@ table.wide {
}
table.border, table.border td, table.border th {
border: 1px solid #ff6600;
border: 1px solid #e76808;
border-collapse: collapse;
}
......
......@@ -3,15 +3,12 @@
-------------------------------------------------- */
body {
padding: 0;
margin: 0;
background: #f2f2f2;
background: #fff;
min-width: 600px;
height: calc(100vh - 30px);
}
hr {
border: 1px solid #e65c00;
border: 1px solid #e76808;
}
/* --------------------------------------------------
......@@ -19,7 +16,7 @@ hr {
-------------------------------------------------- */
a:link {
color: #e65c00;
color: #d45e08;
}
a:visited {
......@@ -34,20 +31,38 @@ a:hover {
}
/* --------------------------------------------------
Page corners
-------------------------------------------------- */
#branding, #brandingC {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}
#footer {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
}
/* --------------------------------------------------
Branding
-------------------------------------------------- */
#branding {
background: url('/images/orangefade.png') repeat-x #ffc62b bottom;
clear: both;
}
#brandingC {
background: #e65c00;
background: url('/images/bgfade.png') repeat-y;
}
#title {
color: #f2f2f2;
color: #a52f0f;
}
#loginForm {
......@@ -63,42 +78,6 @@ a:hover {
width: 8em;
}
#loginText a:link {
color: #f2f2f2;
}
#loginText a:visited {
color: #f2f2f2;
}
#loginForm input[type=text] {
padding: 5px 15px;
box-sizing: border-box;
border: 0px;
}
#loginForm input[type=password] {
padding: 5px 15px;
box-sizing: border-box;
border: 0px;
}
#loginForm input[type=submit] {
padding: 5px 15px;
background: #f2f2f2;
border: 0 none;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 0px
}
.join-header {
font-size: 30pt;
margin-left: 10px;
text-decoration: none;
color: #ffc62b !important;
}
/* --------------------------------------------------
Breadcrumb
-------------------------------------------------- */
......@@ -106,15 +85,7 @@ a:hover {
#breadcrumb {
font-weight: bold;
font-size: 80%;
color: #f2f2f2;
}
#breadcrumb a:link {
color: #f2f2f2;
}
#breadcrumb a:visited {
color: #f2f2f2;
color: #ffc62b;
}
#breadcrumb ul {
......@@ -136,92 +107,39 @@ a:hover {
-------------------------------------------------- */
#wrapper {
background: #f2f2f2;
min-height: 100%;
margin-top: 10px;
background: #fff0cd;
padding: 0;
clear: both;
border: 2px solid #e76808;
border-top: 0;
border-bottom: 0;
}
#navigation {
float: left;
width: 300px;
padding-top: 0.5em;
float: left;
width: 17%;
padding-top: 0.5em;
/* overflow: auto; */
}
#content {
float: right;
width: calc(100% - 300px);
float: right;
width: 82%;
}
#primary {
float: left;
width: calc(100% - 400px);
float: left;
width: 66%;
padding: 0;
}
#primaryC {
padding-left: 20px;
padding-right: 20px;
padding-right: 0.5em;
}
#secondary {
float: right;
width: 400px;
}
@media only screen and (max-width: 1080px) {
#wrapper {
margin-top: -5px;
display: flex;
flex-direction: column;
}
#navigation {
order: 1;
width: 100%;
float: top;
}
#content {
margin-top: 10px;
order: 2;
float: bottom;
width: 100%;
}
#primary {
float: none;
width: 100%;
}
#secondary {
float: none;
width: 100%;
}
#footer {
height: auto !important;
}
#branding {
height: auto !important;
}
#logo {
padding-right: 0;
}
#title h1 {
margin-top: 20px;
font-size: 12pt;
padding-left: 0;
}
#breadcrumb li {
display: block;
}
#loginForm {
padding-top: 1em;
}
float: right;
width: 33%;
}
/* --------------------------------------------------
......@@ -242,11 +160,13 @@ a:hover {
line-height: 1.5em;
font-size: 95%;
color: #ffc62b;
background: #e65c00;
background: #e76808;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
padding-left: 1em;
margin-bottom: 2px;
padding-top: 5px;
padding-bottom: 5px;
}
#navigationC ul li a:hover {
......@@ -265,6 +185,10 @@ a:hover {
font-weight: normal;
padding-left: 2em;
background: #ffa405;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
color: #d45e08;
}
......@@ -276,14 +200,24 @@ a:hover {
color: #fff0cd;
}
#navigationC ul ul li.lastsub a {
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
}
#navigationC ul li.lastsub a {
display: block;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
}
/* --------------------------------------------------
Boxes
-------------------------------------------------- */
div.cbb {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
padding: 1em;
box-shadow: 3px 3px 5px #777;
-moz-box-shadow: 3px 3px 5px #777;
......@@ -326,18 +260,17 @@ ul#valid {
Footer
-------------------------------------------------- */
#footer-fix {
min-height: calc(100% - 16px);
}
#footer {
background: #e65c00;
height: 30px;
margin: 0;
margin-bottom: 0.5em;
background: url('/images/orangefade-bottom.png') top repeat-x #ffc62b;
}
#footer p {
margin: 0;
text-align: center;
padding-top: 5px;
font-size: 80%;
padding: 0.5em;
}
/* --------------------------------------------------
......@@ -346,11 +279,13 @@ ul#valid {
.box {
background: #ffffff;
border-radius: 7px;
-moz-border-radius: 7px;
}
.box div.boxcontent {
border: 2px solid #e65c00;
border-top: 1px solid #e65c00;
border: 2px solid #e76808;
border-top: 1px solid #e76808;
border-bottom: 1px solid #ffffff;
}
......@@ -359,21 +294,33 @@ ul#valid {
}
.box .boxhead {
background: #e65c00;
background: #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.box .hollowhead {
background: #ffffff;
border-top: 2px solid #e65c00;
border-left: 2px solid #e65c00;
border-right: 2px solid #e65c00;
border-top: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
height: 5px;
margin: 0;
padding: 0;
}
.box .boxfoot {
background: #e65c00;
background: #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
.box .hollowfoot {
......@@ -381,9 +328,13 @@ ul#valid {
height: 5px;
margin: 0;
padding: 0;
border-bottom: 2px solid #e65c00;
border-left: 2px solid #e65c00;
border-right: 2px solid #e65c00;
border-bottom: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
/* --------------------------------------------------
......@@ -470,7 +421,7 @@ ul#valid {
-------------------------------------------------- */
table.border th {
background: #e65c00;
background: #e76808;
color: #ffc62b;
}
......
......@@ -8,7 +8,7 @@ Date: May 2002</p>
<ol>
<li>Members of Swansea University Computer Society are entitled to an account on the SUCS network. For all except life members, membership will only be granted on payment of the appropriate fee.</li>
<li>All members agree not to do anything to bring the Society into disrepute, and to abide by the Terms and Conditions of the Society, as noted below and as may be subsequently amended. Non-compliance with these rules may result in membership being withdrawn.</li>
<li>Members must comply with the regulations of the network(s) over which they access the SUCS network. This will always include the UK Joint Academic Network (JANET), the Acceptable Use Policy of which can be found at <a href="http://www.ja.net/services/publications/policy/aup.html">http://www.ja.net/services/publications/policy/aup.html</a>.</li>
<li>Members must comply with the regulations of the network(s) over which they access the SUCS network. This will always include the UK Joint Academic Network (JANET), the Acceptable Use Policy of which can be found at <a href="https://community.jisc.ac.uk/library/acceptable-use-policy">https://community.jisc.ac.uk/library/acceptable-use-policy</a>.</li>
<li>Except when explicitly set up for clubs or groups within the University, accounts on the SUCS network are strictly for use by one person only. Multiple use of personal accounts is prohibited, and may result in the offending owner's account being withdrawn. 'Multiple use' includes the owner of the account making known his/her password to others, as well as allowing others access to the account by other means.</li>
<li>Members must take into account the relevant laws of England and Wales as they apply to their use of the SUCS network. These include, but are not limited to, the Data Protection Act (1984), the Copyright, Designs and Patents Act (1988), the Obscene Publications Act (1959 &amp; 1964 etc), the Telecommunications Act (1984), and the Computer Misuse Act (1990).</li>
<li>Members must always use the SUCS network in a manner that does not adversely affect its use by others. In particular, disproportionate use of system resources (including, but not limited to, disc space, network bandwidth and processor time), may result in offending processes and/or files being terminated and/or removed without warning.</li>
......
......@@ -14,14 +14,23 @@
</tr>
<tr>
<td>
<p><strong>2017</strong></p>
<p><strong>2018</strong></p>
</td>
<td><strong><a href="/~andy">andy</a> (Andrew Vincent Pover)</strong></td>
<td><strong><a href="/~eggnog">eggnog</a> (George Henry Woolley)</strong></td>
<td><strong><a href="/~sgelfod98">sgelfod98</a> (Megan Warren-Davis)</strong></td>
<td><strong><em>N/A</em></strong></td>
<td><strong><a href="/~crox">crox</a> (Ciaran Crocker)</strong></td>
<td><strong><a href="/~vectre">vectre</a> (Alexander Moras)</strong></td>
<td><strong><a href="/~elbows">elbows</a> (Laurence Sebastian Bowes)</strong></td>
<td><strong><a href="/~xray_effect">xray_effect</a> (Ryan Williams)</strong></td>
<td><strong><em>None</em></strong></td>
<td><strong><a href="/~arcryalis">arcryalis</a> (Hywel Williams)</strong></td>
</tr>
<tr>
<td>
<p>2017</p>
</td>
<td><a href="/~andy">andy</a> (Andrew Vincent Pover)</td>
<td><a href="/~eggnog">eggnog</a> (George Henry Woolley)</td>
<td><a href="/~sgelfod98">sgelfod98</a> (Megan Warren-Davis)</td>
<td><em>None</em></td>
<td><a href="/~crox">crox</a> (Ciaran Crocker)</td>
</tr>
<tr>
<td>
......
......@@ -4,29 +4,24 @@
<p>The following people were elected to the following posts in accordance with the <a href="../About/Constitution">SUCS constitution</a>.</p>
<ul class="boxes">
<li>
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/andy.png" width="100" />
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/vectre.png" width="100" />
<br />
<strong>President</strong><br />Andrew Vincent Pover (~andy)</div>
<strong>President</strong><br />Alexander Moras (~vectre)</div>
</li>
<li>
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/eggnog.png" width="100" />
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/elbows.png" width="100" />
<br />
<strong>Treasurer</strong><br />George Henry Woolley (~eggnog)
</div>
<strong>Treasurer</strong><br />Laurence Sebastian Bowes (~elbows)</div>
</li>
<li>
<div>
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/sgelfod98.png" width="100" />
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/xray_effect.png" width="100" />
<br />
<strong>Secretary</strong><br />Megan Warren-Davis (~sgelfod98)
</div>
</div>
<strong>Secretary</strong><br />Ryan Williams (~xray_effect)</div>
</li>
<li>
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/crox.png" width="100" />
<div>&nbsp;<img height="100" src="https://sucs.org/pictures/people/arcryalis.png" width="100" />
<br />
<strong>Gaming</strong><br />Ciaran Crocker (~crox)
</div>
<strong>Gaming</strong><br />Hywel Williams (~arcryalis)</div>
</li>
</ul>
<div class="clear"></div>
......
<!-- Joining box -->
<div class="cbb">
<a class="join-header" href="https://www.swansea-union.co.uk/activities/society/sucs/" target="_blank">Join SUCS!</a>
<h3>Join SUCS!</h3>
<p>As well as being an excellent way to meet people with similar interests (we have regular social events and we&#39;re all really nice), you also get all this great stuff: </p>
<ul> <li>Use of our dedicated <a href="../Games/" title="Gameserver">games server</a></li>
<li><a href="../Knowledge/Help/SUCS%20Services/Using%20your%20web%20space">Web hosting</a> with scripting and database support</li>
......
......@@ -3,7 +3,7 @@
<div class="cornerTopLeft">
<div class="cornerTopRight">
<div id="logo">
<a href="{$baseurl}/"><img src="{$baseurl}/images/sucslogo-trans-white.png" height="76"
<a href="{$baseurl}/"><img src="{$baseurl}/images/sucslogo-halo.png" width="170" height="76"
alt="SUCS"/></a>
</div>
......
......@@ -15,11 +15,15 @@
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p>Site designed and maintained by SUCS. All opinions expressed are those of the relevant individual and not of the society.</p>
{if isset($totaltime)}<p>Script executed in {$totaltime} seconds</p>{/if}
<div class="cornerBottomLeft">
<div class="cornerBottomRight">
<p>Site designed and maintained by SUCS. All opinions expressed are those of the relevant individual and not
of the society.</p>
{if isset($totaltime)}<p>Script executed in {$totaltime} seconds</p>{/if}
</div>
</div>
</div>
{if $action=="edit"}
......
......@@ -3,7 +3,6 @@
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="theme-color" content="#e65c00">
<title>{$title} - SUCS</title>
<link rel="SHORTCUT ICON" href="{$baseurl}/favicon.ico"/>
<link rel="apple-touch-icon" href="{$baseurl}/images/apple-touch-icon.png"/>
......@@ -31,8 +30,7 @@
content="Swansea University Computer Society - providing student computing facilities and personal web pages."/>
{if $refresh}
<meta http-equiv="REFRESH" content="{$refresh}" />{/if}
<meta name="viewport" content="width=device-width">
{if isset($extra_scripts)}
{foreach from=$extra_scripts item=script}
......@@ -55,9 +53,10 @@
</head>
<body>
<div id="footer-fix">
{include file="branding.tpl"}
{include file="branding.tpl"}
<div id="wrapper">
<div id="wrapper">
<div id="content">
{include file="usermessages.tpl"}
<div id="content">
{include file="usermessages.tpl"}
<div id="loginForm">
<form method="post" action="{$ssl_url|escape:'htmlall'}{getparams gets=$gets}">
<div id="loginText">
<div>
{if $session->loggedin}
Hello
<a href="{$baseurl}/Community/Members/{$session->username}">{$session->username}</a>
......@@ -17,6 +17,7 @@
<br/>
Print balance: {$session->printbalance} |
<a href="{$baseurl}/Options">Membership Options</a>
<br/>
{/if}
<input type="submit" class="button" name="Logout" id="Logout" value="Logout"/>
{else}
......
......@@ -25,7 +25,7 @@
{if $member.website }
<dt>Website</dt>
<dd>
<a href="http://sucs.org/~{$member.uid|escape:'url'}/">http://sucs.org/~{$member.uid|escape:'url'}/</a></dd>
<a href="https://sucs.org/~{$member.uid|escape:'url'}/">http://sucs.org/~{$member.uid|escape:'url'}/</a></dd>
{/if}
{if isset($member.project) }
<dt>Project</dt>
......