AnySoftKeyboard.github.io/languages.html at main · AnySoftKeyboard/AnySoftKeyboard.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
---
layout: default
title: Language Packs
description: Download language packs for AnySoftKeyboard. Support for 50+ languages with dictionaries and keyboards.
---
<section class="hero-bg text-white text-center py-10 md:py-14">
  <div class="max-w-4xl mx-auto px-4">
    <h1 class="text-3xl md:text-4xl font-bold">Available <span class="text-purple-200">Language Packs</span></h1>
    <p class="text-lg text-white/80 mt-2">Download additional languages with keyboards and dictionaries</p>
  </div>
</section>

<section class="py-12 md:py-16 bg-white">
  <div class="max-w-4xl mx-auto px-4">
    <p class="text-center mb-8">
      <span class="inline-block bg-purple-100 text-purple-800 px-4 py-2 rounded-full font-semibold">
        {{ site.data.languages.languages | size }} language packs available
      </span>
    </p>

    <div class="grid gap-3">
      {% for language in site.data.languages.languages %}
      <article class="language-card">
        <img src="{{ language.icon }}" alt="{{ language.name }} flag" class="w-8 h-6 rounded shadow-sm object-cover" loading="lazy" width="32" height="24">
        <span class="flex-1 font-medium text-gray-900">{{ language.name }}</span>
        <div class="flex gap-2">
          {% if language.github and language.github != "" %}
          <a href="{{ language.github }}" target="_blank" rel="noopener noreferrer" aria-label="{{ language.name }} on GitHub" class="opacity-70 hover:opacity-100 transition-opacity">
            <img src="/images/github.png" alt="GitHub" class="w-7 h-7" width="28" height="28" loading="lazy">
          </a>
          {% endif %}
          {% if language.f-droid and language.f-droid != "" %}
          <a href="{{ language.f-droid }}" target="_blank" rel="noopener noreferrer" aria-label="{{ language.name }} on F-Droid" class="opacity-70 hover:opacity-100 transition-opacity">
            <img src="/images/fdroid.png" alt="F-Droid" class="w-7 h-7" width="28" height="28" loading="lazy">
          </a>
          {% else %}
          <img src="/images/fdroid.png" alt="Not on F-Droid" class="w-7 h-7 grayscale opacity-30" width="28" height="28" loading="lazy">
          {% endif %}
          {% if language.play and language.play != "" and language.play != "#" %}
          <a href="{{ language.play }}" target="_blank" rel="noopener noreferrer" aria-label="{{ language.name }} on Google Play" class="opacity-70 hover:opacity-100 transition-opacity">
            <img src="/images/play.png" alt="Google Play" class="w-7 h-7" width="28" height="28" loading="lazy">
          </a>
          {% else %}
          <img src="/images/play.png" alt="Not on Google Play" class="w-7 h-7 grayscale opacity-30" width="28" height="28" loading="lazy">
          {% endif %}
        </div>
      </article>
      {% endfor %}
    </div>
  </div>
</section>