diff --git a/css/style.css b/css/style.css index 7250bd4..f72b239 100644 --- a/css/style.css +++ b/css/style.css @@ -1,144 +1,145 @@ -*{ - margin: 0; - padding: 0; +:root { + --color-black: #292B2E; + --color-blue-bright: #005AE1; + --color-blue-dark: #003E94; + --color-blue-light: #E6EDF4; + --color-grey-dark: #595D64; + --color-grey-light: #f7f8f8; + --color-grey-medium: #DCDEE0; + --color-white: #fff; } + +* { + margin: 0; + padding: 0; +} + +html { + font-size: 10px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +body, table { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + font-size: 1.4rem; + font-weight: 400; + line-height: 1.4; +} + body { - font-family: Helvetica, Arial, sans-serif; - font-size: 14px; - color: #545353; - color: #005A92; - background: #B0BEC7; - padding: 20px; -} -#content { - margin: 0 auto; - max-width: 1200px; - background: #fff; - padding: 20px 30px; - -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2); - box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2); - -webkit-border-radius: 5px; - border-radius: 5px; -} -h1{ - font-size: 20px; - line-height: 24px; - font-weight: bold; - color: #1556B2; - color: #005A92; -/* text-shadow: 1px 1px 1px rgba(0,0,0,0.7); - filter: dropshadow(color=#000, offx=2, offy=2);*/ - padding-left: 31px; - background: url("../images/logo_small.png") transparent left top no-repeat scroll; - margin: 0 0 20px 0; - display: inline-block; -} -h1 a{ - font: inherit; - color: inherit; - text-decoration: none; -} -h1 .ss_link{ - visibility: hidden; - font-size: 9px; - display: block; - text-align: right; - margin-top: -5px; -} -h1:hover .ss_link{ - visibility: visible; - text-decoration: underline; - -} -.expl { - margin: 10px 3px; - line-height: 1.3em; -} -.expl a { - color: #1556B2; - font-weight: bold; - text-decoration: none; -} -.expl a:hover{ - text-decoration: underline; + background: var(--color-white); + color: var(--color-grey-dark); } -table.tablesorter { - background-color: #CDCDCD; - margin:20px 0pt 15px; - font-size: 8pt; - width: 100%; - text-align: left; - border: none; - border-collapse: collapse; - border-bottom: 1px solid #005A92; -} -table.tablesorter thead tr th, table.tablesorter tfoot tr th { - /*background-color: #e6EEEE;*/ - background-color: #F5FAFA; - font-size: 8pt; - padding: 4px 20px 4px 10px; -} -table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { - background-color: #B0BEC7; - background-color: #e6EEEE; +table { + border-collapse: collapse; + color: var(--color-black); + text-align: left; + width: 100%; } -table.tablesorter thead tr .header { - background-image: url("../images/bg.gif"); - background-repeat: no-repeat; - background-position: center right; - cursor: pointer; - border-bottom: 1px solid #005A92; -} -table.tablesorter thead tr .headerSortUp { - background-image: url("../images/asc.gif"); -} -table.tablesorter thead tr .headerSortDown { - background-image: url("../images/desc.gif"); +a { + color: inherit; + text-decoration: none; } -table.tablesorter tbody td { - color: #005A92; - padding: 4px; - vertical-align: top; -} -table.tablesorter tbody tr{ - background-color: #FFF; -} -table.tablesorter tbody tr.odd { - background-color:#EFF2F3; -} - table.tablesorter tbody tr:hover { - background-color: #D8E1E8; -} -table.tablesorter tbody a{ - color: #444;color: #005A92; - text-decoration: none; -} -table.tablesorter tbody a:hover{ - text-decoration: underline; -} -table.tablesorter tbody tr:hover td, -table.tablesorter tbody tr:hover a{ - color: #000; -} -table.imagestable, -table.imagestable a { - font-size: 8pt; -} -table.imagestable { - margin-top: 15px; -} -table.imagestable tr.odd { - background: transparent; -} -table.imagestable tr.even { - background: transparent; +.content { + margin: 0 auto; + max-width: 122rem; + padding: 2rem; } -#Footer{ - margin: 50px 0 10px; - text-align: right; - font-size: 0.8em; +.content__title { + align-items: center; + color: var(--color-black); + display: inline-flex; + font-size: 2rem; + font-weight: 600; + margin: 0 0 3rem; +} + +.content__title::before { + content: ""; + background: url("../images/cms_logo.svg") left center no-repeat; + border-right: 0.1rem solid var(--color-grey-medium); + display: inline-block; + height: 3.2rem; + margin-right: 1.5rem; + padding-right: 1.5rem; + width: 3.2rem; +} + +.content__text { + margin: 1rem 0; +} + +.content__text a { + color: var(--color-blue-bright); + text-decoration: underline; +} + +.content__text a:hover { + color: var(--color-blue-dark); + text-decoration: none; +} + +.table-wrapper { + border-top: 0.1rem solid var(--color-grey-medium); + margin: 3rem 0 5rem; + overflow-x: auto; +} + +.table__cell { + padding: 1rem; +} + +.table__cell--w-10 { + width: 10%; +} + +.table__cell--w-15 { + width: 15%; +} + +.table__cell--w-65 { + width: 65%; +} + +.table__cell--w-85 { + width: 85%; +} + +.table tbody tr:nth-child(odd) td { + background-color: var(--color-grey-light); +} + +.table tbody tr:hover td { + background-color: var(--color-blue-light); +} + +.table a:hover { + text-decoration: underline; +} + +.image-table__cell { + padding: 1rem 1rem 0 0; +} + +.image-table__cell--image { + width: 6rem; +} + +.image-table__cell--text { + width: calc(100% - 6rem); +} + +.image-table__image { + height: 4rem; + object-fit: cover; + width: 6rem; +} + +.image-table__title { + display: block; } diff --git a/docs/en/index.md b/docs/en/index.md index 5694af3..5a4357d 100644 --- a/docs/en/index.md +++ b/docs/en/index.md @@ -1,23 +1,23 @@ # Google Sitemaps Module -SilverStripe provides support for the Google Sitemaps XML system, enabling +Silverstripe CMS provides support for the Google Sitemaps XML system, enabling Google and other search engines to see all pages on your site. This helps -your SilverStripe website rank well in search engines, and to encourage the +your Silverstripe CMS website rank well in search engines, and to encourage the information on your site to be discovered by Google quickly. -Therefore, all Silverstripe websites contain a special controller which can be -visited: http://yoursite.com/sitemap.xml. This is not a file directly, but +Therefore, all Silverstripe CMS websites contain a special controller which can +be visited: http://yoursite.com/sitemap.xml. This is not a file directly, but rather a custom route which points to the GoogleSitemap controller. See http://en.wikipedia.org/wiki/Sitemaps for info on the Google Sitemap format. -Whenever you publish a new or republish an existing page, SilverStripe can +Whenever you publish a new or republish an existing page, Silverstripe CMS can automatically inform Google of the change, encouraging a Google to take notice. -If you install the SilverStripe Google Analytics module, you can see if Google +If you install the Silverstripe CMS Google Analytics module, you can see if Google has updated your page as a result. -By default, SilverStripe informs Google that the importance of a page depends +By default, Silverstripe CMS informs Google that the importance of a page depends on its position of in the sitemap. "Top level" pages are most important, and the deeper a page is nested, the less important it is. (For each level, Importance drops from 1.0, to 0.9, to 0.8, and so on, until 0.1 is reached). @@ -27,8 +27,8 @@ manually, including requesting to have the page excluded from the sitemap. ## Configuration -Most module configuration is done via the SilverStripe Config API. Create a new -config file `mysite/_config/googlesitemaps.yml` with the following outline: +Most module configuration is done via the Silverstripe CMS Config API. Create a +new config file `mysite/_config/googlesitemaps.yml` with the following outline: --- Name: customgooglesitemaps @@ -115,10 +115,10 @@ http://www.silvercart.org/blog/dataobjects-and-googlesitemaps/ ### Including custom routes -Occasionally you may have a need to include custom url's in your sitemap for +Occasionally you may have a need to include custom URLs in your sitemap for your Controllers and other pages which don't exist in the database. To update the sitemap to include those links call register_routes() with your array of -urls to include. +URLs to include. use Wilr\GoogleSitemaps\GoogleSitemap; @@ -131,7 +131,7 @@ urls to include. ### Sitemapable For automatic registration of a DataObject subclass, implement the `Sitemapable` -extension +extension. ``` + + + diff --git a/images/desc.gif b/images/desc.gif deleted file mode 100644 index 3b30b3c..0000000 Binary files a/images/desc.gif and /dev/null differ diff --git a/images/logo_small.png b/images/logo_small.png deleted file mode 100644 index fdb589e..0000000 Binary files a/images/logo_small.png and /dev/null differ diff --git a/templates/xml-sitemap.ss b/templates/xml-sitemap.ss index 5147f0c..96aa69f 100644 --- a/templates/xml-sitemap.ss +++ b/templates/xml-sitemap.ss @@ -9,82 +9,80 @@ -
-

- XML Sitemap - → silverstripe.org - +
+

+ XML Sitemap

- -

+

This sitemap contains URLs.

- - - - - - - - - - - - - +
+
URLPriorityChange Freq.Last Change
+ - - - - + + + + - - -
- - - - - - - - - - - - - - - - - - - - - - - -
Images
- - -
- - - -
- - - - 		- - - - - - URLPriorityChange Freq.Last Change
-
+

+ Generated by the Silverstripe CMS + Google Sitemaps Module +

+

+ More information about XML sitemaps on sitemaps.org

diff --git a/templates/xml-sitemapindex.ss b/templates/xml-sitemapindex.ss index 01acf07..e3b93dd 100644 --- a/templates/xml-sitemapindex.ss +++ b/templates/xml-sitemapindex.ss @@ -9,46 +9,48 @@ -
-

- XML Sitemap - → silverstripe.org - +
+

+ XML Sitemap

- -

+

This sitemap consists of part(s).

- - - - - - - - - - - +
+
URLLast Change
+ - - + + - - -
- - - - - - - - - URLLast Change
-
+

+ Generated by the Silverstripe CMS + Google Sitemaps Module +

+

+ More information about XML sitemaps on sitemaps.org