Lubuntu
/
lists-html
mirror of https://github.com/lubuntu-team/lists-html.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

remove homepage-like image band, clean up uncessary code, and make more responsive

Browse Source
master
Kevin Kondratuk 5 years ago
parent 713be6090e
commit 62b001e19f
2 changed files with 150 additions and 194 deletions
Show Stats Download Patch File Download Diff File

95
lubuntu_style.css
Unescape View File

@ -6,81 +6,86 @@ body {
/* color: #AAAAAA; */
color: #555555;
margin: 0;
text-rendering: optimizeLegibility;
}
a {
color: #1E73BE;
font-size: 13px;
}
body div {
margin: 0;
/* padding: 0 0 0 1rem; */
padding: 0;
}
div.header {
background-color: #0074B9;
color: #FFFFFF;
height: 4rem;
padding: .5rem;
height: 4em;
padding: .5em;
}
div.header img {
float: left;
}
div.header-spacer img {
height: 6rem;
width: 100%;
object-fit: cover;
}
div.section {
padding: 0 0 0 2rem;
padding: 0 0 0 2em;
}
div.section-header {
background-color: #0074B9;
color: #FFFFFF;
padding: .25rem .25rem .25rem 2rem;
color: #0074B9;
padding: 0 0 0 2em;
}
h1 {
font-size: 1.5em;
font-weight: 300;
}
div.header img {
height: 4rem;
margin: .5rem 0 0 .5rem;
height: 4em;
margin: .5em 0 0 .5em;
}
h1 {
font-size: 26px;
form div {
margin: 1rem;
}
tr td[bgcolor] {
background-color: #0074B9;
input[type=text], input[type=email], input[type=password] {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
margin: 0;
}
font[color] {
color: #FFFFFF;
font-size: 26px;
}
td[bgcolor] {
color: #FFFFFF;
}
table {
border-spacing: 0;
}
p {
font-size: 14px;
}
b {
font-weight: 300;
}
a {
color: #1E73BE;
font-size: 13px;
width: 20rem;
max-width: 30rem;
height: 2rem;
line-height: 3rem;
font-size: 2rem;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
margin: 1.5rem 0;
font-size: 1rem;
line-height: 2.5rem;
color: #333333;
font-weight: bold;
height: 2.5em;
width: 20rem;
max-width: 30rem;
background: #fdfdfd;
/* background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%); */
border: 1px solid #bbbbbb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

249
templates/lubuntu-council-list-info-template.html
Unescape View File

@ -1,15 +1,15 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- $Revision: 5865 $ -->
<HTML>
<html>
<HEAD>
<TITLE>
<MM-List-Name> Info Page
</TITLE>
<head>
<title><MM-List-Name> Info Page</title>
<link rel="stylesheet" type="text/css" href="./lubuntu_style.css">
</HEAD>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<BODY>
<body>
<!-- START HEADER -->
<div class="header">
<img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png"
alt="The official Lubuntu user mailing list">
@ -17,156 +17,107 @@
<h1><!---<MM-List-Name> -- --><MM-List-Description></h1>
</div>
</div>
<div class="header-spacer">
<img class="header-spacer-img" src="https://lubuntu.me/wp-content/uploads/2018/02/rect5512-2.png" alt="Image of the night sky">
<!-- END HEADER -->
<!-- START ABOUT SECTION -->
<div id="about-section-header" class="section section-header">
<h2>About <MM-List-Name></h2>
</div>
<div class="section section-header">
<h1>
About <MM-List-Name>
</h1>
</div>
<div class="section about-section">
<div id="about-section-content" class="section about-section">
<p><MM-List-Info></p>
<p> To see the collection of prior postings to the list,
<p>
To see the collection of prior postings to the list,
visit the <MM-Archive> <MM-List-Name> Archives </MM-Archive>.
<MM-Restricted-List-Message>
</p>
</div>
<!-- END ABOUT SECTION -->
<!-- START USING SECTION -->
<div id="using-section-header" class="section section-header">
<h2>Using <MM-List-Name></h2>
</div>
<div id="using-section-content" class="section">
<p>
To post a message to all the list members, send an email to
<a href="mailto:<MM-Posting-Addr>"><MM-Posting-Addr></a>.
</p>
<p>
You can subscribe to the list, or change your existing
subscription, in the sections below.
</p>
</div>
<!-- END USING SECTION -->
<!-- START SUBSCRIPTION SECTION -->
<div id="subscription-section-header" class="section section-header">
<h2>Subscribing to <MM-List-Name></h2>
</div>
<div id="subscription-section-content" class="section">
<p>Subscribe to <MM-List-Name> by filling out the following form. <MM-List-Subscription-Msg></p>
<MM-Subscribe-Form-Start>
<div id="subscription-email" class="input-group">
<label for="email">Your email address:</label><MM-Subscribe-Box>
</div>
<div id="subscription-name" class="input-group">
<label for="fullname">Your name (optional):</label><mm-fullname-box>
</div>
<p>
You may enter a privacy password below. This provides only mild security,
but should prevent others from messing with your
subscription. <b>Do not use a valuable password</b> as
it will occasionally be emailed back to you in cleartext.
</p>
<p>
If you choose not to enter a password, one will be
automatically generated for you, and it will be sent to
you once you've confirmed your subscription. You can
always request a mail-back of your password when you edit
your personal options.
<MM-Reminder>
</p>
<div id="subscription-password" class="input-group">
<label for="pw">Pick a password:</label><MM-New-Password-Box>
</div>
<div id="subscription-confirmation" class="input-group">
<label for="pw-conf">Re-enter password to confirm:</label><MM-New-Password-Box>
</div>
<div id="subscription-language" class="input-group">
<label for="language">Which language do you prefer to receive emails in?</label><MM-list-langs>
</div>
<mm-digest-question-start><!-- not sure if this is still needed or not -->
<div id="subscription-digest" class="input-group">
<label for="digest">Would you like to receive mail batched in a daily digest?</label>
<div>
<MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes
</div>
</div>
<mm-digest-question-end><!-- not sure if this is still needed or not -->
<P>
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B>
<FONT COLOR="#000000">Using <MM-List-Name>
</FONT>
</B>
</TD>
</TR>
<tr>
<td colspan="2">
To post a message to all the list members, send email to
<A HREF="mailto:<MM-Posting-Addr>">
<MM-Posting-Addr>
</A>.
<div id="subscription-subscribe" class="form-action input-group">
<div>&nbsp;</div>
<MM-Subscribe-Button>
</div>
<MM-Form-End>
</div>
<!-- END SUBSCRIPTION SECTION -->
<!-- START SUBSCRIBERS SECTION -->
<div id="subscribers-section-header" class="section section-header">
<h2><MM-List-Name> Subscribers</h2>
</div>
<div id="subscribers-section-content" class="section">
<MM-Roster-Form-Start>
<MM-Roster-Option>
<MM-Form-End>
<p>You can subscribe to the list, or change your existing
subscription, in the sections below.
</td>
</tr>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B>
<FONT COLOR="#000000">Subscribing to <MM-List-Name>
</FONT>
</B>
</TD>
</TR>
<tr>
<td colspan="2">
<P>
Subscribe to <MM-List-Name> by filling out the following
form.
<MM-List-Subscription-Msg>
<ul>
<MM-Subscribe-Form-Start>
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" WIDTH="70%">
<TR>
<TD WIDTH="55%">Your email address:</TD>
<TD WIDTH="33%">
<MM-Subscribe-Box>
</TD>
<TD WIDTH="12%"> </TD>
</TR>
<tr>
<td width="55%">Your name (optional):</td>
<td width="33%">
<mm-fullname-box>
</td>
<TD WIDTH="12%"> </TD>
</TR>
<TR>
<TD COLSPAN="3">
You may enter a
privacy password below. This provides only mild security,
but should prevent others from messing with your
subscription. <b>Do not use a valuable password</b> as
it will occasionally be emailed back to you in cleartext.
<MM-Options-Form-Start>
<MM-Editing-Options>
<MM-Form-End>
</div>
<!-- END SUBSCRIBERS SECTION -->
<br><br>If you choose not to enter a password, one will be
automatically generated for you, and it will be sent to
you once you've confirmed your subscription. You can
always request a mail-back of your password when you edit
your personal options.
<MM-Reminder>
</TD>
</TR>
<TR>
<TD BGCOLOR="#dddddd">Pick a password:</TD>
<TD>
<MM-New-Password-Box>
</TD>
<TD> </TD>
</TR>
<TR>
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD>
<TD>
<MM-Confirm-Password>
</TD>
<TD> </TD>
</TR>
<tr>
<TD BGCOLOR="#dddddd">Which language do you prefer to display your
messages?</TD>
<TD>
<MM-list-langs>
</TD>
<TD> </TD>
</TR>
<mm-digest-question-start>
<tr>
<td>Would you like to receive list mail batched in a daily
digest?
</td>
<td>
<MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes
</TD>
</tr>
<mm-digest-question-end>
<tr>
<td colspan="3">
<center>
<MM-Subscribe-Button>
</center>
</td>
</tr>
</TABLE>
<MM-Form-End>
</ul>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<a name="subscribers">
<B>
<FONT COLOR="#000000">
<MM-List-Name> Subscribers
</FONT>
</B></a>
</TD>
</TR>
<tr>
<TD COLSPAN="2" WIDTH="100%">
<MM-Roster-Form-Start>
<MM-Roster-Option>
<MM-Form-End>
<p>
<MM-Options-Form-Start>
<MM-Editing-Options>
<MM-Form-End>
</td>
</tr>
</table>
<MM-Mailman-Footer>
<!-- START FOOTER -->
<MM-Mailman-Footer>
<!-- END FOOTER -->
</BODY>
</HTML>
Write Preview
Loading…
Cancel
Save