8000 GitHub - rossyman/sailor: Ahoy, Sailor! Drop your anchor and board our ship. We've got a theme for you to plunder.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Ahoy, Sailor! Drop your anchor and board our ship. We've got a theme for you to plunder.

License

Notifications You must be signed in to change notification settings

rossyman/sailor

{"props":{"initialPayload":{"allShortcutsEnabled":false,"path":"/","repo":{"id":55365775,"defaultBranch":"master","name":"sailor","ownerLogin":"rossyman","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2016-04-03T19:51:02.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/10212476?v=4","public":true,"private":false,"isOrgOwned":false},"currentUser":null,"refInfo":{"name":"master","listCacheKey":"v0:1459733234.0","canEdit":false,"refType":"branch","currentOid":"5961ddd6cb817ad3005fa7c531b1c587f56143bd"},"tree":{"items":[{"name":"css","path":"css","contentType":"directory"},{"name":"img","path":"img","contentType":"directory"},{"name":"js","path":"js","contentType":"directory"},{"name":"404.php","path":"404.php","contentType":"file"},{"name":"LICENSE","path":"LICENSE","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"about.txt","path":"about.txt","contentType":"file"},{"name":"article.php","path":"article.php","contentType":"file"},{"name":"footer.php","path":"footer.php","contentType":"file"},{"name":"functions.php","path":"functions.php","contentType":"file"},{"name":"header.php","path":"header.php","contentType":"file"},{"name":"page.php","path":"page.php","contentType":"file"},{"name":"posts.php","path":"posts.php","contentType":"file"},{"name":"search.php","path":"search.php","contentType":"file"}],"templateDirectorySuggestionUrl":null,"readme":null,"totalCount":14,"showBranchInfobar":false},"fileTree":null,"fileTreeProcessingTime":null,"foldersToFetch":[],"treeExpanded":false,"symbolsExpanded":false,"isOverview":true,"overview":{"banners":{"shouldRecommendReadme":false,"isPersonalRepo":false,"showUseActionBanner":false,"actionSlug":null,"actionId":null,"showProtectBranchBanner":false,"publishBannersInfo":{"dismissActionNoticePath":"/settings/dismiss-notice/publish_action_from_repo","releasePath":"/rossyman/sailor/releases/new?marketplace=true","showPublishActionBanner":false},"interactionLimitBanner":null,"showInvitationBanner":false,"inviterName":null,"actionsMigrationBannerInfo":{"releaseTags":[],"showImmutableActionsMigrationBanner":false,"initialMigrationStatus":null}},"codeButton":{"contactPath":"/contact","isEnterprise":false,"local":{"protocolInfo":{"httpAvailable":true,"sshAvailable":null,"httpUrl":"https://github.com/rossyman/sailor.git","showCloneWarning":null,"sshUrl":null,"sshCertificatesRequired":null,"sshCertificatesAvailable":null,"ghCliUrl":"gh repo clone rossyman/sailor","defaultProtocol":"http","newSshKeyUrl":"/settings/ssh/new","setProtocolPath":"/users/set_protocol"},"platformInfo":{"cloneUrl":"https://desktop.github.com","showVisualStudioCloneButton":false,"visualStudioCloneUrl":"https://windows.github.com","showXcodeCloneButton":false,"xcodeCloneUrl":"xcode://clone?repo=https%3A%2F%2Fgithub.com%2Frossyman%2Fsailor","zipballUrl":"/rossyman/sailor/archive/refs/heads/master.zip"}},"newCodespacePath":"/codespaces/new?hide_repo_select=true\u0026repo=55365775"},"popovers":{"rename":null,"renamedParentRepo":null},"commitCount":"42","overviewFiles":[{"displayName":"README.md","repoName":"sailor","refName":"master","path":"README.md","preferredFileType":"readme","tabName":"README","richText":"\u003carticle class=\"markdown-body entry-content container-lg\" itemprop=\"text\"\u003e\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch1 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSailor\u003c/h1\u003e\u003ca id=\"user-content-sailor\" class=\"anchor\" aria-label=\"Permalink: Sailor\" href=\"#sailor\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eAhoy, Sailor! Drop your anchor and board our ship. We've got a theme for you to plunder.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eSailor is a modern, lightweight theme designed to work with Anchor CMS; why you may ask? Simply because Anchor CMS is possibly the best CMS I've ever used and as such it should have a vast library of amazing themes, or so you'd think. Due to Anchor sailing in the shadow of other CMS's like October and Wordpress, it appears like not too many developers have made themes for it. In this case, anchor needs momentum, so smaller = faster right? Definitely! That's why when designing this theme I intended to make it as lightweight as possible and by only using styles that were required.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eInspiration for this design came from the Anchor Docs and other online blogs I've been to. Not to mention that some of the code styles came from my experience with Github. Anyway, you can view a live demo of \u003ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://camo.githubusercontent.com/cee13da00f851d3bcc4562a422feb75594aefca779d9150bb697de3db22cf60d/68747470733a2f2f666f726d61747465642e64657369676e2f7361696c6f722f7468656d65732f5361696c6f722f696d672f6c6f676f2e706e67\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/cee13da00f851d3bcc4562a422feb75594aefca779d9150bb697de3db22cf60d/68747470733a2f2f666f726d61747465642e64657369676e2f7361696c6f722f7468656d65732f5361696c6f722f696d672f6c6f676f2e706e67\" alt=\"Sailor\" data-canonical-src=\"https://formatted.design/sailor/themes/Sailor/img/logo.png\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e on my website which is located here: \u003ca href=\"https://formatted.design/sailor/\" rel=\"nofollow\"\u003eLive Demo, woo hoo!\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eInstallation\u003c/h2\u003e\u003ca id=\"user-content-installation\" class=\"anchor\" aria-label=\"Permalink: Installation\" href=\"#installation\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eInstalling Sailor is as easy as the next theme! On a UNIX system you can do the following:\u003c/p\u003e\n\u003cdiv class=\"snippet-clipboard-content notranslate position-relative overflow-auto\" data-snippet-clipboard-copy-content=\"cd /ANCHOR_INSTALL_FOLDER/themes/\ncurl -LOk https://github.com/CaptainRoss/Sailor/archive/master.zip\nunzip master.zip\nmv Sailor-master Sailor\nrm master.zip\"\u003e\u003cpre class=\"notranslate\"\u003e\u003ccode\u003ecd /ANCHOR_INSTALL_FOLDER/themes/\ncurl -LOk https://github.com/CaptainRoss/Sailor/archive/master.zip\nunzip master.zip\nmv Sailor-master Sailor\nrm master.zip\n\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eOn windows, you can download the master zip file from this repo and manually move the contents to your themes folder, or you can install the GitHub command line toolbelt and follow the steps below.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eOptionally if you have the github command line toolbelt installed, you can do the following:\u003c/p\u003e\n\u003cdiv class=\"snippet-clipboard-content notranslate position-relative overflow-auto\" data-snippet-clipboard-copy-content=\"cd /ANCHOR_INSTALL_FOLDER/themes/\ngit clone https://github.com/CaptainRoss/Sailor.git\"\u003e\u003cpre lang=\"git\" class=\"notranslate\"\u003e\u003ccode\u003ecd /ANCHOR_INSTALL_FOLDER/themes/\ngit clone https://github.com/CaptainRoss/Sailor.git\n\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eFeatures\u003c/h2\u003e\u003ca id=\"user-content-features\" class=\"anchor\" aria-label=\"Permalink: Features\" href=\"#features\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cul class=\"contains-task-list\"\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e Completely mobile responsive\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e Includes Open-Graph protocol\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e Social-Media account icons\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e No-render blocking CSS\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e No-render blocking Javascript\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e A blazing-fast 1s load time\u003c/li\u003e\n\u003cli class=\"task-list-item\"\u003e\u003cinput type=\"checkbox\" id=\"\" disabled=\"\" class=\"task-list-item-checkbox\" checked=\"\"\u003e Emoji Support (Twemoji)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eMore Features Please\u003c/h2\u003e\u003ca id=\"user-content-more-features-please\" class=\"anchor\" aria-label=\"Permalink: More Features Please\" href=\"#more-features-please\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eCheck out our submissions page on \u003ca href=\"http://feathub.com/\" rel=\"nofollow\"\u003eFeatHub\u003c/a\u003e\u003c/p\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"http://feathub.com/CaptainRoss/Sailor\" rel=\"nofollow\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/3d4ed316978256abff6a9cdda3f905610b099333ed3d828706d1b45d237a4c26/687474703a2f2f666561746875622e636f6d2f4361707461696e526f73732f5361696c6f723f666f726d61743d737667\" alt=\"Feature Requests\" data-canonical-src=\"http://feathub.com/CaptainRoss/Sailor?format=svg\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eYou're lying, 1s load time!?\u003c/h3\u003e\u003ca id=\"user-content-youre-lying-1s-load-time\" class=\"anchor\" aria-label=\"Permalink: You're lying, 1s load time!?\" href=\"#youre-lying-1s-load-time\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eWhy should I lie? I love my theme, and you'll love the speed! Still don't believe me? Maybe this screenshot will help!\u003c/p\u003e\n\u003cp dir=\"auto\"\u003e\u003ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://camo.githubusercontent.com/7c673e2606d624305fbad86ecdc81bab8d59f40d27faa4a0daa360c6cdb038da/68747470733a2f2f692e6779617a6f2e636f6d2f37623965386562636164646462393831386436366361383861656665373665362e706e67\"\u003e\u003cimg src=\"https://camo.githubusercontent.com/7c673e2606d624305fbad86ecdc81bab8d59f40d27faa4a0daa360c6cdb038da/68747470733a2f2f692e6779617a6f2e636f6d2f37623965386562636164646462393831386436366361383861656665373665362e706e67\" alt=\"The blazing fast 1 second load time\" data-canonical-src=\"https://i.gyazo.com/7b9e8ebcadddb9818d66ca88aefe76e6.png\" style=\"max-width: 100%;\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003e\"I'm no wizard mate, but this can be faked with inspect element or Photoshop!\", well the only way you'll see the speed, is by trying the theme yourself!\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eWorking with Emojis\u003c/h2\u003e\u003ca id=\"user-content-working-with-emojis\" class=\"anchor\" aria-label=\"Permalink: Working with Emojis\" href=\"#working-with-emojis\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eIf you've ever been on reddit, you'll have seen that people make custom \"Flairs\" by using dummy links, so with this in mind I decided to implement custom dummy links for emojis, so that you can use them anywhere on your blog. To use an emoji, do as follows:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-text-md notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"[](#{emojiname} \u0026quot;{emojiname} Emoji\u0026quot;)\"\u003e\u003cpre\u003e\u003cspan class=\"pl-s\"\u003e[\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e]\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-corl\"\u003e#{emojiname}\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\"\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e{emojiname} Emoji\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e\")\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eReplace {emojiname} with the name of the emoji you wish to use. A list of emoji's can be found \u003ca href=\"http://www.emoji-cheat-sheet.com/\" rel=\"nofollow\"\u003ehere\u003c/a\u003e, just make sure to remove the colons (\"::\") and replace underscores (\"_\") with hyphens (\"-\"). For example: \u003ccode\u003e\":heart_eyes:\"\u003c/code\u003e becomes \"heart-eyes\", and this would be the name of the emoji! 😄\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eSocial Media Accounts\u003c/h2\u003e\u003ca id=\"user-content-social-media-accounts\" class=\"anchor\" aria-label=\"Permalink: Social Media Accounts\" href=\"#social-media-accounts\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eOne feature that this theme has, is the ability for social icons in the footer of your blog! Currently we only support; Twitter, Facebook, GitHub, Instagram and YouTube. This is still a fairly new feature added and it may not be fully refined yet, so if you have a problem, let me know in the issues section of this repo. To add a link to your accounts do the following:\u003c/p\u003e\n\u003col dir=\"auto\"\u003e\n\u003cli\u003eCreate a new custom variable under \u003cstrong\u003eExtend \u0026gt; Site Variables\u003c/strong\u003e in your admin panel.\u003c/li\u003e\n\u003cli\u003eEnter the following:\u003c/li\u003e\n\u003c/ol\u003e\n\u003cul dir=\"auto\"\u003e\n\u003cli\u003eName: (youtube, twitter, facebook, github or instagram)\u003c/li\u003e\n\u003cli\u003eValue: \u003cstrong\u003eEverything after the domain name\u003c/strong\u003e (/pages/{long_facebook_url}, /channel/{long_youtube_url}, /{handle})\u003c/li\u003e\n\u003c/ul\u003e\n\u003col start=\"3\" dir=\"auto\"\u003e\n\u003cli\u003eClick Update\u003c/li\u003e\n\u003cli\u003eYou should now see the desired Icon in the footer of your blog\u003c/li\u003e\n\u003c/ol\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eConsult the almighty FAQ\u003c/h2\u003e\u003ca id=\"user-content-consult-the-almighty-faq\" class=\"anchor\" aria-label=\"Permalink: Consult the almighty FAQ\" href=\"#consult-the-almighty-faq\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003eUhhhh, how do I remove that Sailor logo (But who'd want to do that, am I right?)\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp dir=\"auto\"\u003eFirstly head over to this theme's image folder, located in \"{Base_Folder}/themes/Sailor/img/\". Next, you'll want to replace the file called \"logo.png\" with your own logo!\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003eWhat are the dimensions of the logo?\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp dir=\"auto\"\u003eThe dimensions of the logo are 22x22px, yes yes, I know it's small, but the smaller the better right?!; Don't forget, dynamically resizing images through \"max-width\" means increased loading time and mobile users along with Google hate Dynamic people, so don't be \u003cem\u003ethat\u003c/em\u003e guy!\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp dir=\"auto\"\u003eDoes this theme support all the aspects of markdown?\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp dir=\"auto\"\u003eWe support all shorthand styles so that includes, \u003cem\u003eitalics\u003c/em\u003e, \u003cstrong\u003ebold text\u003c/strong\u003e, tables and everything else under the sun, except coloured code blocks because that'd require a more advanced pre-processor and themes don't control this.\u003c/p\u003e\n\u003c/article\u003e","loaded":true,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":[{"level":1,"text":"Sailor","anchor":"sailor","htmlText":"Sailor"},{"level":2,"text":"Installation","anchor":"installation","htmlText":"Installation"},{"level":2,"text":"Features","anchor":"features","htmlText":"Features"},{"level":2,"text":"More Features Please","anchor":"more-features-please","htmlText":"More Features Please"},{"level":3,"text":"You're lying, 1s load time!?","anchor":"youre-lying-1s-load-time","htmlText":"You're lying, 1s load time!?"},{"level":2,"text":"Working with Emojis","anchor":"working-with-emojis","htmlText":"Working with Emojis"},{"level":2,"text":"Social Media Accounts","anchor":"social-media-accounts","htmlText":"Social Media Accounts"},{"level":2,"text":"Consult the almighty FAQ","anchor":"consult-the-almighty-faq","htmlText":"Consult the almighty FAQ"}],"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Frossyman%2Fsailor"}},{"displayName":"LICENSE","repoName":"sailor","refName":"master","path":"LICENSE","preferredFileType":"license","tabName":"GPL-3.0","richText":null,"loaded":false,"timedOut":false,"errorMessage":null,"headerInfo":{"toc":null,"siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Frossyman%2Fsailor"}}],"overviewFilesProcessingTime":0}},"appPayload":{"helpUrl":"https://docs.github.com","findFileWorkerPath":"/assets-cdn/worker/find-file-worker-7d7eb7c71814.js","findInFileWorkerPath":"/assets-cdn/worker/find-in-file-worker-708ec8ade250.js","githubDevUrl":null,"enabled_features":{"copilot_workspace":null,"code_nav_ui_events":false,"react_blob_overlay":false,"accessible_code_button":true,"github_models_repo_integration":false}}}}

Repository files navigation

Sailor

Ahoy, Sailor! Drop your anchor and board our ship. We've got a theme for you to plunder.

Sailor is a modern, lightweight theme designed to work with Anchor CMS; why you may ask? Simply because Anchor CMS is possibly the best CMS I've ever used and as such it should have a vast library of amazing themes, or so you'd think. Due to Anchor sailing in the shadow of other CMS's like October and Wordpress, it appears like not too many developers have made themes for it. In this case, anchor needs momentum, so smaller = faster right? Definitely! That's why when designing this theme I intended to make it as lightweight as possible and by only using styles that were required.

Inspiration for this design came from the Anchor Docs and other online blogs I've been to. Not to mention that some of the code styles came from my experience with Github. Anyway, you can view a live demo of Sailor on my website which is located here: Live Demo, woo hoo!

Installation

Installing Sailor is as easy as the next theme! On a UNIX system you can do the following:

cd /ANCHOR_INSTALL_FOLDER/themes/
curl -LOk https://github.com/CaptainRoss/Sailor/archive/master.zip
unzip master.zip
mv Sailor-master Sailor
rm master.zip

On windows, you can download the master zip file from this repo and manually move the contents to your themes folder, or you can install the GitHub command line toolbelt and follow the steps below.

Optionally if you have the github command line toolbelt installed, you can do the following:

cd /ANCHOR_INSTALL_FOLDER/themes/
git clone https://github.com/CaptainRoss/Sailor.git

Features

  • Completely mobile responsive
  • Includes Open-Graph protocol
  • Social-Media account icons
  • No-render blocking CSS
  • No-render blocking Javascript
  • A blazing-fast 1s load time
  • Emoji Support (Twemoji)

More Features Please

Check out our submissions page on FeatHub

Feature Requests

You're lying, 1s load time!?

Why should I lie? I love my theme, and you'll love the speed! Still don't believe me? Maybe this screenshot will help!

The blazing fast 1 second load time

"I'm no wizard mate, but this can be faked with inspect element or Photoshop!", well the only way you'll see the speed, is by trying the theme yourself!

Working with Emojis

If you've ever been on reddit, you'll have seen that people make custom "Flairs" by using dummy links, so with this in mind I decided to implement custom dummy links for emojis, so that you can use them anywhere on your blog. To use an emoji, do as follows:

[](#{emojiname} "{emojiname} Emoji")

Replace {emojiname} with the name of the emoji you wish to use. A list of emoji's can be found here, just make sure to remove the colons ("::") and replace underscores ("_") with hyphens ("-"). For example: ":heart_eyes:" becomes "heart-eyes", and this would be the name of the emoji! 😄

Social Media Accounts

One feature that this theme has, is the ability for social icons in the footer of your blog! Currently we only support; Twitter, Facebook, GitHub, Instagram and YouTube. This is still a fairly new feature added and it may not be fully refined yet, so if you have a problem, let me know in the issues section of this repo. To add a link to your accounts do the following:

  1. Create a new custom variable under Extend > Site Variables in your admin panel.
  2. Enter the following:
  • Name: (youtube, twitter, facebook, github or instagram)
  • Value: Ev 6545 erything after the domain name (/pages/{long_facebook_url}, /channel/{long_youtube_url}, /{handle})
  1. Click Update
  2. You should now see the desired Icon in the footer of your blog

Consult the almighty FAQ

Uhhhh, how do I remove that Sailor logo (But who'd want to do that, am I right?)

Firstly head over to this theme's image folder, located in "{Base_Folder}/themes/Sailor/img/". Next, you'll want to replace the file called "logo.png" with your own logo!

What are the dimensions of the logo?

The dimensions of the logo are 22x22px, yes yes, I know it's small, but the smaller the better right?!; Don't forget, dynamically resizing images through "max-width" means increased loading time and mobile users along with Google hate Dynamic people, so don't be that guy!

Does this theme support all the aspects of markdown?

We support all shorthand styles so that includes, italics, bold text, tables and everything else under the sun, except coloured code blocks because that'd require a more advanced pre-processor and themes don't control this.

About

Ahoy, Sailor! Drop your anchor and board our ship. We've got a theme for you to plunder.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published
0