LICENSE

@@ -1,22 +1,22 @@
-Copyright (c) 2013-2023 Ghost Foundation
+Copyright (c) 2013-2022 Ghost Foundation
-
+
-Permission is hereby granted, free of charge, to any person
+Permission is hereby granted, free of charge, to any person
-obtaining a copy of this software and associated documentation
+obtaining a copy of this software and associated documentation
-files (the "Software"), to deal in the Software without
+files (the "Software"), to deal in the Software without
-restriction, including without limitation the rights to use,
+restriction, including without limitation the rights to use,
-copy, modify, merge, publish, distribute, sublicense, and/or sell
+copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the
+copies of the Software, and to permit persons to whom the
-Software is furnished to do so, subject to the following
+Software is furnished to do so, subject to the following
-conditions:
+conditions:
-
+
-The above copyright notice and this permission notice shall be
+The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
+included in all copies or substantial portions of the Software.
-
+
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-OTHER DEALINGS IN THE SOFTWARE.
+OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,69 +1,69 @@
-# Casper
+# Casper
-
+
-The default theme for [Ghost](http://github.com/tryghost/ghost/). This is the latest development version of Casper! If you're just looking to download the latest release, head over to the [releases](https://github.com/TryGhost/Casper/releases) page.
+The default theme for [Ghost](http://github.com/tryghost/ghost/). This is the latest development version of Casper! If you're just looking to download the latest release, head over to the [releases](https://github.com/TryGhost/Casper/releases) page.
-
+
- 
+ 
-
+
-![screenshot-desktop](https://user-images.githubusercontent.com/1418797/183329195-8e8f2ee5-a473-4694-a813-a2575491209e.png)
+![screenshot-desktop](https://user-images.githubusercontent.com/1418797/183329195-8e8f2ee5-a473-4694-a813-a2575491209e.png)
-
+
- 
+ 
-
+
-# First time using a Ghost theme?
+# First time using a Ghost theme?
-
+
-Ghost uses a simple templating language called [Handlebars](http://handlebarsjs.com/) for its themes.
+Ghost uses a simple templating language called [Handlebars](http://handlebarsjs.com/) for its themes.
-
+
-This theme has lots of code comments to help explain what's going on just by reading the code. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://ghost.org/docs/themes/) which explains every possible Handlebars helper and template.
+This theme has lots of code comments to help explain what's going on just by reading the code. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://ghost.org/docs/themes/) which explains every possible Handlebars helper and template.
-
+
-**The main files are:**
+**The main files are:**
-
+
-- `default.hbs` - The parent template file, which includes your global header/footer
+- `default.hbs` - The parent template file, which includes your global header/footer
-- `index.hbs` - The main template to generate a list of posts, usually the home page
+- `index.hbs` - The main template to generate a list of posts, usually the home page
-- `post.hbs` - The template used to render individual posts
+- `post.hbs` - The template used to render individual posts
-- `page.hbs` - Used for individual pages
+- `page.hbs` - Used for individual pages
-- `tag.hbs` - Used for tag archives, eg. "all posts tagged with `news`"
+- `tag.hbs` - Used for tag archives, eg. "all posts tagged with `news`"
-- `author.hbs` - Used for author archives, eg. "all posts written by Jamie"
+- `author.hbs` - Used for author archives, eg. "all posts written by Jamie"
-
+
-One neat trick is that you can also create custom one-off templates by adding the slug of a page to a template file. For example:
+One neat trick is that you can also create custom one-off templates by adding the slug of a page to a template file. For example:
-
+
-- `page-about.hbs` - Custom template for an `/about/` page
+- `page-about.hbs` - Custom template for an `/about/` page
-- `tag-news.hbs` - Custom template for `/tag/news/` archive
+- `tag-news.hbs` - Custom template for `/tag/news/` archive
-- `author-ali.hbs` - Custom template for `/author/ali/` archive
+- `author-ali.hbs` - Custom template for `/author/ali/` archive
-
+
-
+
-# Development
+# Development
-
+
-Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:
+Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:
-
+
-```bash
+```bash
-# install dependencies
+# install dependencies
-yarn install
+yarn install
-
+
-# run development server
+# run development server
-yarn dev
+yarn dev
-```
+```
-
+
-Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.
+Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.
-
+
-The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site.
+The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site.
-
+
-```bash
+```bash
-# create .zip file
+# create .zip file
-yarn zip
+yarn zip
-```
+```
-
+
-# PostCSS Features Used
+# PostCSS Features Used
-
+
-- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
+- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
-- [Color Mod](https://github.com/jonathantneal/postcss-color-mod-function)
+- [Color Mod](https://github.com/jonathantneal/postcss-color-mod-function)
-
+
-
+
-# SVG Icons
+# SVG Icons
-
+
-Casper uses inline SVG icons, included via Handlebars partials. You can find all icons inside `/partials/icons`. To use an icon just include the name of the relevant file, eg. To include the SVG icon in `/partials/icons/rss.hbs` - use `{{> "icons/rss"}}`.
+Casper uses inline SVG icons, included via Handlebars partials. You can find all icons inside `/partials/icons`. To use an icon just include the name of the relevant file, eg. To include the SVG icon in `/partials/icons/rss.hbs` - use `{{> "icons/rss"}}`.
-
+
-You can add your own SVG icons in the same manner.
+You can add your own SVG icons in the same manner.
-
+
-
+
-# Copyright & License
+# Copyright & License
-
+
-Copyright (c) 2013-2022 Ghost Foundation - Released under the [MIT license](LICENSE).
+Copyright (c) 2013-2022 Ghost Foundation - Released under the [MIT license](LICENSE).

assets/js/dropdown.js

@@ -1,85 +1,85 @@
-(function () {
+(function () {
-    const mediaQuery = window.matchMedia('(max-width: 767px)');
+    const mediaQuery = window.matchMedia('(max-width: 767px)');
-
+
-    const head = document.querySelector('.gh-head');
+    const head = document.querySelector('.gh-head');
-    const menu = head.querySelector('.gh-head-menu');
+    const menu = head.querySelector('.gh-head-menu');
-    const nav = menu.querySelector('.nav');
+    const nav = menu.querySelector('.nav');
-    if (!nav) return;
+    if (!nav) return;
-
+
-    const logo = document.querySelector('.gh-head-logo');
+    const logo = document.querySelector('.gh-head-logo');
-    const navHTML = nav.innerHTML;
+    const navHTML = nav.innerHTML;
-
+
-    if (mediaQuery.matches) {
+    if (mediaQuery.matches) {
-        const items = nav.querySelectorAll('li');
+        const items = nav.querySelectorAll('li');
-        items.forEach(function (item, index) {
+        items.forEach(function (item, index) {
-            item.style.transitionDelay = 0.03 * (index + 1) + 's';
+            item.style.transitionDelay = 0.03 * (index + 1) + 's';
-        });
+        });
-    }
+    }
-
+
-    var windowClickListener;
+    var windowClickListener;
-    const makeDropdown = function () {
+    const makeDropdown = function () {
-        if (mediaQuery.matches) return;
+        if (mediaQuery.matches) return;
-        const submenuItems = [];
+        const submenuItems = [];
-
+
-        while ((nav.offsetWidth + 64) > menu.offsetWidth) {
+        while ((nav.offsetWidth + 64) > menu.offsetWidth) {
-            if (nav.lastElementChild) {
+            if (nav.lastElementChild) {
-                submenuItems.unshift(nav.lastElementChild);
+                submenuItems.unshift(nav.lastElementChild);
-                nav.lastElementChild.remove();
+                nav.lastElementChild.remove();
-            } else {
+            } else {
-                return;
+                return;
-            }
+            }
-        }
+        }
-
+
-        if (!submenuItems.length) {
+        if (!submenuItems.length) {
-            document.body.classList.add('is-dropdown-loaded');
+            document.body.classList.add('is-dropdown-loaded');
-            return;
+            return;
-        }
+        }
-
+
-        const toggle = document.createElement('button');
+        const toggle = document.createElement('button');
-        toggle.setAttribute('class', 'nav-more-toggle');
+        toggle.setAttribute('class', 'nav-more-toggle');
-        toggle.setAttribute('aria-label', 'More');
+        toggle.setAttribute('aria-label', 'More');
-        toggle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M21.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM13.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM5.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0z"></path></svg>';
+        toggle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M21.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM13.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM5.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0z"></path></svg>';
-
+
-        const wrapper = document.createElement('div');
+        const wrapper = document.createElement('div');
-        wrapper.setAttribute('class', 'gh-dropdown');
+        wrapper.setAttribute('class', 'gh-dropdown');
-
+
-        if (submenuItems.length >= 10) {
+        if (submenuItems.length >= 10) {
-            document.body.classList.add('is-dropdown-mega');
+            document.body.classList.add('is-dropdown-mega');
-            wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)';
+            wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)';
-        } else {
+        } else {
-            document.body.classList.remove('is-dropdown-mega');
+            document.body.classList.remove('is-dropdown-mega');
-        }
+        }
-
+
-        submenuItems.forEach(function (child) {
+        submenuItems.forEach(function (child) {
-            wrapper.appendChild(child);
+            wrapper.appendChild(child);
-        });
+        });
-
+
-        toggle.appendChild(wrapper);
+        toggle.appendChild(wrapper);
-        nav.appendChild(toggle);
+        nav.appendChild(toggle);
-
+
-        document.body.classList.add('is-dropdown-loaded');
+        document.body.classList.add('is-dropdown-loaded');
-
+
-        toggle.addEventListener('click', function () {
+        toggle.addEventListener('click', function () {
-            document.body.classList.toggle('is-dropdown-open');
+            document.body.classList.toggle('is-dropdown-open');
-        });
+        });
-
+
-        windowClickListener = function (e) {
+        windowClickListener = function (e) {
-            if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
+            if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
-                document.body.classList.remove('is-dropdown-open');
+                document.body.classList.remove('is-dropdown-open');
-            }
+            }
-        };
+        };
-        window.addEventListener('click', windowClickListener);
+        window.addEventListener('click', windowClickListener);
-    }
+    }
-
+
-    imagesLoaded(head, function () {
+    imagesLoaded(head, function () {
-        makeDropdown();
+        makeDropdown();
-    });
+    });
-
+
-    window.addEventListener('resize', function () {
+    window.addEventListener('resize', function () {
-        setTimeout(function () {
+        setTimeout(function () {
-            window.removeEventListener('click', windowClickListener);
+            window.removeEventListener('click', windowClickListener);
-            nav.innerHTML = navHTML;
+            nav.innerHTML = navHTML;
-            makeDropdown();
+            makeDropdown();
-        }, 1);
+        }, 1);
-    });
+    });
-})();
+})();

default.hbs

@@ -8,10 +8,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    
-    {{!-- Preload scripts --}}
-    <link rel="preload" as="style" href="{{asset "built/screen.css"}}" />
-    <link rel="preload" as="script" href="{{asset "built/casper.js"}}" />
 
     {{!-- Theme assets - use the {asset} helper to reference styles & scripts,
     this will take care of caching and cache-busting automatically --}}

package.json

@@ -2,7 +2,7 @@
     "name": "casper-aytac",
     "description": "A clean, minimal default theme for the Ghost publishing platform with little modifications by Aytac",
     "demo": "https://aytac.kirmizi.online",
-    "version": "5.6.0",
+    "version": "5.4.9",
     "engines": {
         "ghost": ">=5.0.0"
     },

page.hbs

@@ -1,47 +1,45 @@
-{{!< default}}
+{{!< default}}
-
+
-{{!-- The tag above means: insert everything in this file
+{{!-- The tag above means: insert everything in this file
-into the {body} tag of the default.hbs template --}}
+into the {body} tag of the default.hbs template --}}
-
+
-
+
-{{#post}}
+{{#post}}
-{{!-- Everything inside the #post block pulls data from the page --}}
+{{!-- Everything inside the #post block pulls data from the page --}}
-
+
-<main id="site-main" class="site-main">
+<main id="site-main" class="site-main">
-<article class="article {{post_class}}">
+<article class="article {{post_class}}">
-
+
-    {{#match @page.show_title_and_feature_image}}
+    <header class="article-header gh-canvas">
-        <header class="article-header gh-canvas">
+
-
+        <h1 class="article-title">{{title}}</h1>
-            <h1 class="article-title">{{title}}</h1>
+
-
+        {{#if feature_image}}
-            {{#if feature_image}}
+            <figure class="article-image">
-                <figure class="article-image">
+                {{!-- This is a responsive image, it loads different sizes depending on device
-                    {{!-- This is a responsive image, it loads different sizes depending on device
+                https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
-                    https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
+                <img
-                    <img
+                    srcset="{{img_url feature_image size="s"}} 300w,
-                        srcset="{{img_url feature_image size="s"}} 300w,
+                            {{img_url feature_image size="m"}} 600w,
-                                {{img_url feature_image size="m"}} 600w,
+                            {{img_url feature_image size="l"}} 1000w,
-                                {{img_url feature_image size="l"}} 1000w,
+                            {{img_url feature_image size="xl"}} 2000w"
-                                {{img_url feature_image size="xl"}} 2000w"
+                    sizes="(min-width: 1400px) 1400px, 92vw"
-                        sizes="(min-width: 1400px) 1400px, 92vw"
+                    src="{{img_url feature_image size="xl"}}"
-                        src="{{img_url feature_image size="xl"}}"
+                    alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
-                        alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
+                />
-                    />
+                {{#if feature_image_caption}}
-                    {{#if feature_image_caption}}
+                    <figcaption>{{feature_image_caption}}</figcaption>
-                        <figcaption>{{feature_image_caption}}</figcaption>
+                {{/if}}
-                    {{/if}}
+            </figure>
-                </figure>
+        {{/if}}
-            {{/if}}
+
-
+    </header>
-        </header>
+
-    {{/match}}
+    <section class="gh-content gh-canvas">
-
+        {{content}}
-    <section class="gh-content gh-canvas">
+    </section>
-        {{content}}
+
-    </section>
+</article>
-
+</main>
-</article>
+
-</main>
-
 {{/post}}