Attila

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

♥️ Support

Maintaining this project takes a lot of time. You can buy me a drink if you enjoy using Attila. Cheers 🍻

📷 Screenshots

⭐️ Features

Responsive layout
Dark Mode & Theme Switch
Search & Popular Tags
Post reading progress
Code highlight including line numbers
Disqus support
Member menu buttons
Ghost accent color

🌍 Localization

🟩 Up to date 🟧 Missing strings

Code	Flag	Language	Status	Translator
`en`	🇬🇧	English	🟩
`de`	🇩🇪	German	🟩
`es`	🇪🇸	Spanish	🟩	r1p
`fr`	🇫🇷	French	🟧	robink
`it`	🇮🇹	Italian	🟧	fmaida
`no`	🇳🇴	Norwegian	🟧	arthurnoerve, oisann
`zh`	🇨🇳	Chinese	🟩	hao-lee, izumiko
`id`	🇮🇩	Indonesian	🟧	simplyeazy
`ro`	🇷🇴	Romanian	🟧	cdorin93
`ru`	🇷🇺	Russian	🟧	schamberg97
`tr`	🇹🇷	Turkish	🟩	cgrgrbz, electricalgorithm
`sv`	🇸🇪	Swedish	🟧	martenj77
`cs`	🇨🇿	Czech	🟧	lunakv
`pt`	🇵🇹	Portuguese	🟧	matheusvanzan
`vi`	🇻🇳	Vietnamese	🟧	JustHmmmm
`el`	🇬🇷	Greek	🟧	thiodordelis
`dk`	🇩🇰	Danish	🟧	jmayntzhusen
`ar`		Arabic	🟧	pop-eax
`ca`		Catalan	🟧	arthurnoerve
`lt`	🇱🇹	Lithuanian	🟧	arthurnoerve
`nl`	🇳🇱	Dutch	🟧	gkdp
`pl`	🇵🇱	Polish	🟩	filipolszewski, MrBoombastic
`eo`		Esperanto	🟧	ebanDev
`ga`		Galego	🟩	r1p

Show subscribe / account button in navigation

Go to partials/navigation-meta.hbs.
Remove comments on line 24and 34.

🔠 Setup custom google fonts

Go to fonts.google.com and choose a font.
Choose Embed and copy the <link> code.
Go to Code injection.
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

Go to Code injection.
Add this to Blog Header:

<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>

🔍 Setup search

Go to Integrations.
Choose Add custom integration, name it Search and choose Create. Copy the generated Content API Key.
Go to Code injection.
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

egiantine/attila