Implemented square profile pictures

- Added preference "Square profile pictures"

src/prefs_impl.nim

@@ -75,6 +75,9 @@ genPrefs:
     hideReplies(checkbox, false):
       "Hide tweet replies"
 
+    squareProfileImages(checkbox, false):
+      "Square profile pictures"
+
   Media:
     mp4Playback(checkbox, true):
       "Enable mp4 video playback (only for gifs)"
@@ -107,6 +110,7 @@ genPrefs:
     replaceInstagram(input, ""):
       "Instagram -> Bibliogram"
       placeholder: "Bibliogram hostname"
+      
 
 iterator allPrefs*(): Pref =
   for k, v in prefList:

src/sass/tweet/_base.scss

@@ -97,7 +97,7 @@
     }
 }
 
-.avatar {
+.avatar-round {
     border-radius: 50%;
 }
 

src/views/tweet.nim

@@ -31,7 +31,12 @@ proc renderHeader(tweet: Tweet; retweet: string; prefs: Prefs): VNode =
         var size = "_bigger"
         if not prefs.autoplayGifs and tweet.profile.userPic.endsWith("gif"):
           size = "_400x400"
-        genImg(tweet.profile.getUserPic(size), class="avatar")
+
+        let avatarClass =
+          if prefs.squareProfileImages: "avatar"
+          else: "avatar avatar-round"
+        
+        genImg(tweet.profile.getUserPic(size), class=avatarClass)
 
       tdiv(class="tweet-name-row"):
         tdiv(class="fullname-and-username"):