Site Notes - hide in navigation
PAGE LAYOUT
Weebly theme: CleanLines - Business
Link color: default (#5199a8)
Hover color: default (#8dc7d3)
Format links to add underline in text (not a default option)
Menu items: For articles that are in more than 1 category, create a copy and place one copy under each category
Main Navigation items: Font Raleway; Style default; Size 15; Weight bold; Letter Spacing 1
Subnavigation items: Font Muli; Style default; Size 14; Weight regular; Letter Spacing 0px
Background in theme: uploaded image
Red text color
In pop-up: use row 2, 3rd box from right (#c23b3b)
Links, videos and PDF files:
- Links to external web sites and videos (YouTube or Vimeo) open in a new window. Use the page title if there is one, otherwise use the URL.
- Links to other Ellis Edge site pages open in the same window.
- Ellis Edge videos do not open in a new window, users must download to view.
- PDF files open in a new window. Note: In the Word docs created for the PDF files, the links have been removed, but written in blue. Where titles are used, the URL follows in parentheses after the title. In the PDF files created from the Word docs, the URLs are sometimes reactivated by the browser's "smart" capability. The results may vary depending on browser.
Images:
No border, or thin border if needed, grey
Set spacing to be visually pleasing, usually 5 or 10 pixels.
Weebly theme: CleanLines - Business
Link color: default (#5199a8)
Hover color: default (#8dc7d3)
Format links to add underline in text (not a default option)
Menu items: For articles that are in more than 1 category, create a copy and place one copy under each category
Main Navigation items: Font Raleway; Style default; Size 15; Weight bold; Letter Spacing 1
Subnavigation items: Font Muli; Style default; Size 14; Weight regular; Letter Spacing 0px
Background in theme: uploaded image
Red text color
In pop-up: use row 2, 3rd box from right (#c23b3b)
Links, videos and PDF files:
- Links to external web sites and videos (YouTube or Vimeo) open in a new window. Use the page title if there is one, otherwise use the URL.
- Links to other Ellis Edge site pages open in the same window.
- Ellis Edge videos do not open in a new window, users must download to view.
- PDF files open in a new window. Note: In the Word docs created for the PDF files, the links have been removed, but written in blue. Where titles are used, the URL follows in parentheses after the title. In the PDF files created from the Word docs, the URLs are sometimes reactivated by the browser's "smart" capability. The results may vary depending on browser.
Images:
No border, or thin border if needed, grey
Set spacing to be visually pleasing, usually 5 or 10 pixels.
Navigation menu customization:
To change the background and hover colors for the menus and submenus:
Under Theme > Edit HTML/CSS > STYLES > variables_teal.less (defines the colors for this theme):
Theme default color changed for lines 6, 7, 8, 9 for readability. Name at top of menu on left: lavendersubmenu.
Original code is below, changes are underlined.
To add the borders on the drop-down menus:
Under Theme > Edit HTML/CSS > STYLES > main.less (main css for this theme, preceded by line numbers):
219 #wsite-menus .wsite-menu li a {
220 background-color: @navBackgroundHover;
221 border: none; changed to border: 0.5px solid #d0d0d0; (adds a very light border around each drop-down menu item)
222 color: @navHover;
To change the background and hover colors for the menus and submenus:
Under Theme > Edit HTML/CSS > STYLES > variables_teal.less (defines the colors for this theme):
Theme default color changed for lines 6, 7, 8, 9 for readability. Name at top of menu on left: lavendersubmenu.
Original code is below, changes are underlined.
- @background: #ffffff;
- @footer: #f9f9f9;
- @font: #8e8e8e;
- @emphasized: #484848;
- @aHover: #8dc7d3;
- @navHover: #484848; changed to #00004d (dark purple text)
- @navBackgroundHover: #f6f6f6; changed to #f1f0fa (very light lavender, hover over menu to see the color)
- @subnavHover: #484848; changed to #00004d (dark purple text)
- @subnavBackgroundHover: #e8e8e8; changed to #cbc8e9 (slightly darker lavender, hover over submenu to see the color)
- @landingLink: #8dc7d3;
- @line: #d0d0d0;
- @button: #484848;
- @hoverButton: #616161;
- @activeButton: #303030;
- @highlight: #5199a8;
- @hoverHighlight: #5cb0c2;
- @activeHighlight: #44818e;
To add the borders on the drop-down menus:
Under Theme > Edit HTML/CSS > STYLES > main.less (main css for this theme, preceded by line numbers):
219 #wsite-menus .wsite-menu li a {
220 background-color: @navBackgroundHover;
221 border: none; changed to border: 0.5px solid #d0d0d0; (adds a very light border around each drop-down menu item)
222 color: @navHover;
Unicode characters for Skating Tips menus (image shown at right):
Psychology: 🧠 = brain Rules: 🚦 = vertical traffic lights Safety: 🚑 = ambulance Strategy and Tactics: 🏆 = trophy Technical: ⛸ = ice skate Training: 🏃 = runner Other: 🧰 = toolbox |
🧠 Psychology (brain)
🚦 Rules (vertical traffic lights)
🚑 Safety (ambulance)
🏆 Strategy and Tactics (trophy)
⛸ Technical (ice skate)
🏃 Training (runner)
🧰 Other (toolbox)
|
Elements used to create pages (on Build menu)
Basic: Title, Text, Image, Contact Form
Structure: Divider, Spacer
Installed Apps:
Vertical Divider
Simple Table
Note for tables: THERE IS NO UNDO. If a table is altered, it cannot be undone and the desired table may have to be created again. Rows can only be added and deleted at the bottom. Columns can only be added and deleted on the right. For the moment there is no method to insert rows or columns. Make a backup copy of the page before playing with tables on the page.
Basic: Title, Text, Image, Contact Form
Structure: Divider, Spacer
Installed Apps:
Vertical Divider
Simple Table
Note for tables: THERE IS NO UNDO. If a table is altered, it cannot be undone and the desired table may have to be created again. Rows can only be added and deleted at the bottom. Columns can only be added and deleted on the right. For the moment there is no method to insert rows or columns. Make a backup copy of the page before playing with tables on the page.
Color Content Box (see examples below):
Background color in color content box (quote): #bec4fd
Color in bar under header on home page: #000066
Background color in color content box (quote): #bec4fd
Color in bar under header on home page: #000066
Background color in Color Content Box (quote): #bec4fd Background transparency: full Spacing: 5 pixels Round corners: 10 pixels Background color in Color Content Box for bar under header on Home page: #000066 Background transparency: 50% Spacing: 0 pixels Round corners: 15 pixels |
SETTINGS
SEO section (must save and publish to see results, not visible in dashboard)
Site Description (text displayed in search results in search engines):
Speed, power, endurance, and agility are all key components of being a top speed skater. Ellis Edge focuses on helping skaters to maximize body biomechanics and principles of movement to create power, speed, stability, and efficiency on ice.
Meta Keywords (for the search engines):
speed skating, short track, speed, speedskating, speedskate, skate, skating, drills, power, camps, clinics, summer, school, olympic, Sue, Susan, Ellis, Canada, US, SSC, SSNB, coach, coaching, video, analysis, skating tips, training, Ellis Edge
Footer Code (for the copyright notice at the bottom of all pages):
<style>
#copy {text-align: center;}
</style>
<div id="copy">
<div>
Copyright © 2002 –
<span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
Ellis Edge
</div>
Feel free to share or reprint this article but please give credit to the author.
</div>
Header Code (to set a wider width for submenus, rather than default; note: visible only in the published site, not in Weebly dashboard):
<style>
#wsite-menus .wsite-menu li { width: 260px !important; }
</style>
SEO section (must save and publish to see results, not visible in dashboard)
Site Description (text displayed in search results in search engines):
Speed, power, endurance, and agility are all key components of being a top speed skater. Ellis Edge focuses on helping skaters to maximize body biomechanics and principles of movement to create power, speed, stability, and efficiency on ice.
Meta Keywords (for the search engines):
speed skating, short track, speed, speedskating, speedskate, skate, skating, drills, power, camps, clinics, summer, school, olympic, Sue, Susan, Ellis, Canada, US, SSC, SSNB, coach, coaching, video, analysis, skating tips, training, Ellis Edge
Footer Code (for the copyright notice at the bottom of all pages):
<style>
#copy {text-align: center;}
</style>
<div id="copy">
<div>
Copyright © 2002 –
<span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
Ellis Edge
</div>
Feel free to share or reprint this article but please give credit to the author.
</div>
Header Code (to set a wider width for submenus, rather than default; note: visible only in the published site, not in Weebly dashboard):
<style>
#wsite-menus .wsite-menu li { width: 260px !important; }
</style>
Pages to Hide in Navigation, (listed at the very bottom of the menu after Camps):
Skating Tips - backup
Site Notes
Template
Test page
Sue's Playground
Skating Tips - backup
Site Notes
Template
Test page
Sue's Playground
WEB SITE DOCUMENTS UPLOADED TO GOOGLE DRIVE
Can be accessed here: drive.google.com/drive/folders/1Qp_SJ3IH9FQumTqRj9ig16m_KL5kd5Se?usp=sharing
SEO Information (Word)
Site Notes (Word)
Creating Images for Ellis Edge Website (Word) explains process for creating images in series and how to add captions without using Weebly options.
Testimonials (PDF), not referenced in tips but mentions Sue Ellis, uploaded so it is not misplaced.
Ellis Edge Skating Tips concordance and menu order (Excel spreadsheet) with info in case any of the tips are modified. Contains categories and cross-referencing for internal links. Columns can be sorted.
Column A, Date: Date of tip
Column B, Final Title: Skating tips
Column C, Category(ies): Category(ies) given each tip
Column D, #: Number of category(ies) for each tip (some have 2 or 3)
Column E, Internal Links Point to This Tip: This tip refers to other tips
Column F, Referred to By This Tip: This tip is referenced in other tips
Website folder structure
Can be accessed here: drive.google.com/drive/folders/1Qp_SJ3IH9FQumTqRj9ig16m_KL5kd5Se?usp=sharing
SEO Information (Word)
Site Notes (Word)
Creating Images for Ellis Edge Website (Word) explains process for creating images in series and how to add captions without using Weebly options.
Testimonials (PDF), not referenced in tips but mentions Sue Ellis, uploaded so it is not misplaced.
Ellis Edge Skating Tips concordance and menu order (Excel spreadsheet) with info in case any of the tips are modified. Contains categories and cross-referencing for internal links. Columns can be sorted.
Column A, Date: Date of tip
Column B, Final Title: Skating tips
Column C, Category(ies): Category(ies) given each tip
Column D, #: Number of category(ies) for each tip (some have 2 or 3)
Column E, Internal Links Point to This Tip: This tip refers to other tips
Column F, Referred to By This Tip: This tip is referenced in other tips
Website folder structure
Folders that contain additional files (images, videos, PDFs, Word, Excel files needed to create the pages)
Home page
Skating tips (also contains the Word layout template)
- Broken down into year with: PDF of the page, Word document used to create the PDF, images and videos needed to create the page
Sue Ellis Bio
Theme
- Background (image used on all pages):
- Logo (image for the header on all pages)
Pages that do not contain other files (images, PDFs, Word, Excel files) that do not have a separate folder:
Contact
Camps
Website pages saved in .mhtml format to have the text and layout for pages that do not have a Word or PDF file:
Home
Skating Tips list
Bio
Testimonials
Camps
Contact
Saved in Ellis Edge non-tips_webpages.zip as .mhtml pages. Open in Chrome (drag and drop) to view the text properly, as that they may not display properly in Internet Explorer. Some files include the drop-down menu options if the file is opened in a text editor to view the source code.
SUBSCRIPTION INFO:
Web host: Weebly
DOMAIN REGISTRATION INFO:
Directnic: ellisedge.com
Homestead: ellismethod.net (domain good until November 14, 2020)
Web host: Weebly
DOMAIN REGISTRATION INFO:
Directnic: ellisedge.com
Homestead: ellismethod.net (domain good until November 14, 2020)