update images and readme

README.md

@@ -16,6 +16,7 @@ I chose to rewrite the python [jellyfin-accounts](https://github.com/hrfee/jelly
     * Granular control over invites: Validity period as well as number of uses can be specified.
     * Account profiles: Assign settings profiles to invites so new users have your predefined permissions, homescreen layout, etc. applied to their account on creation.
     * Password validation: Ensure users choose a strong password.
+* ⌛ User expiry: Specify a validity period, and new user's accounts will be disabled/deleted after it. The period can be manually extended too.
 * 🔗 Ombi Integration: Automatically creates Ombi accounts for new users using their email address and login details, and your own defined set of permissions.
 * Account management: Apply settings to your users individually or en masse, and delete users, optionally sending them an email notification with a reason.
 * 📨 Email storage: Add your existing users email addresses through the UI, and jfa-go will ask new users for them on account creation.
@@ -26,6 +27,7 @@ I chose to rewrite the python [jellyfin-accounts](https://github.com/hrfee/jelly
 * Authentication via Jellyfin: Instead of using separate credentials for jfa-go and Jellyfin, jfa-go can use it as the authentication provider.
     * Enables the usage of jfa-go by multiple people
 * 🌓 Customizable look
+    * Edit emails with variables and markdown
     * Specify contact and help messages to appear in emails and pages
     * Light and dark themes available
 
@@ -35,8 +37,9 @@ I chose to rewrite the python [jellyfin-accounts](https://github.com/hrfee/jelly
 </p>
 
 <p align="center">
-    <img src="images/invites.png" width="48%" style="margin-left: 1.5%;" alt="Invites tab"></img>
+    <img src="images/invites.png" width="31%" style="margin-left: 1.5%;" alt="Invites tab"></img>
-    <img src="images/accounts.png" width="48%" style="margin-right: 1.5%;" alt="Accounts tab"></img> 
+    <img src="images/accounts.png" width="31%" style="margin-right: 1.5%;" alt="Accounts tab"></img> 
+    <img src="images/create.png" width="31%" style="margin-right: 1.5%;" alt="Accounts creation"></img> 
 </p>
 
 #### Install

css/base.css

@@ -434,15 +434,15 @@ pre {
     overflow-y: scroll;
 }
 
-a:link:not(.lang-link) {
+a:link:not(.lang-link):not(.\~urge) {
     color: var(--color-urge-200);
 }
 
-a:visited:not(.lang-link) {
+a:visited:not(.lang-link):not(.\~urge) {
     color: var(--color-urge-100);
 }
 
-a:hover:not(.lang-link), a:active:not(.lang-link) {
+a:hover:not(.lang-link):not(.\~urge), a:active:not(.lang-link):not(.\~urge) {
     color: var(--color-urge-200);
 }
 

html/admin.html

@@ -399,7 +399,7 @@
                     <div class="flex-expand">
                         <div class="flex-row">
                             <span class="heading">{{ .strings.accounts }}</span>
-                            <input type="search" class="field ~neutral !normal input search ml-1" id="accounts-search" placeholder="{{ .strings.search }}">
+                            <input type="search" class="field ~neutral !normal input search ml-1 mr-1" id="accounts-search" placeholder="{{ .strings.search }}">
                         </div>
                         <div>
                             <span class="button ~neutral !normal mb-half" id="accounts-add-user">{{ .quantityStrings.addUser.Singular }}</span>