Skip to content

davidbyttow/attila

 
 

Repository files navigation

Attila

A content focused responsive theme for Ghost. See a demo at: attila.peteramende.de

If you like this theme, you can buy me a coffee beer.

📷 Screenshots

⭐️ Features

  • Responsive layout
  • Dark Mode
  • Search & Popular Tags
  • Post reading progress
  • Code highlight including line numbers
  • Disqus support

🌍 Localization

🎨 Setup custom color

  1. Go to Code injection.
  2. Add this to Blog Header:
<style>
  :root {
    --color-primary: #D95736;
    --color-primary-active: #BF4526;
  }
</style>

🔠 Setup custom google fonts

  1. Go to fonts.google.com and choose a font.
  2. Choose Embed and copy the <link> code.
  3. Go to Code injection.
  4. Add this to Blog Header:
<link href="https://fonts.googleapis.com/css2?family=Mukta&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap" rel="stylesheet">
<style>
  :root {
    --font-primary: 'Mukta', sans-serif;
    --font-secondary: 'Crimson Text', serif;
  }
</style>

💬 Setup Disqus

  1. Go to Code injection.
  2. Add this to Blog Header:
<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>

🔍 Setup search

  1. Go to Integrations.
  2. Choose Add custom integration, name it Search and choose Create. Copy the generated Content API Key.
  3. Go to Code injection.
  4. Add this to Site Header:
<script>
  var gh_search_key = 'API_KEY';
  var gh_search_migration = 'v2';
</script>

⚙️ Development

Install Grunt:

npm install -g grunt-cli

Install Grunt dependencies:

npm install

Build Grunt project:

grunt build

The compress Grunt task packages the theme files into dist/<theme-name>.zip, which you can then upload to your site.

grunt compress

⚖️ Copyright & License

Copyright (C) 2015-2020 Peter Amende - Released under the MIT License.

Packages

No packages published

Languages

  • SCSS 68.0%
  • Handlebars 18.4%
  • JavaScript 13.6%