Awesome Open Source
Awesome Open Source

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 🍻

📷 Screenshot

⭐️ 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, Givemeurcookies
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
uk 🇺🇦 Ukrainian 🟩 Rakanskiy

Show subscribe / account button in navigation

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

🔠 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>

🌓 Force Light/Dark Mode

  1. Go to Code injection.
  2. Decide for light or dark.
  3. Add this to Blog Header:
<script>localStorage.setItem('attila_theme', 'dark');</script>
<style>.js-theme {display:none!important;}</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-2021 Peter Amende - Released under the MIT License.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Scss (16,426) 
Blog (8,716) 
Theme (6,006) 
Ghost (488) 
Related Projects
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194