Font-Awesome VS endeavouros-i3wm-setup

Icons: Fontawesome Development: HTML, SCSS, JavaScript Deployment: Github + Netlify

1. Font Awesome

The following is an example of defining Font Awesome:

Of course, we have many different ways of solving this problem. Some of the most common include pre-existing third-party icon libraries (such as Font Awesome), icons bundled into a third-party component library (like the Kendo UI Icons), or a completely custom set of icons designed and maintained by your design team. Obviously, going 100% custom will require more work (on both the design and dev side), but might be worth it to achieve a truly unique look – or if the UI will require icons for uncommon symbols or concepts.

The featured GitHub projects are dynamically retrieved through the power of the GitHub GraphQL API. The blog posts are seamlessly pulled in using the Dev.to API. Additionally, Redis is used to cache the GitHub and Dev.to API responses for 1 hour to reduce the number of API calls. Icons are provided by Font Awesome through their kit from the CDN. I've also implemented the new View Transition API feature to enhance the user experience.

Font Awesome - (One of My Favorites)

None of the above. I love this place

relies on bootstrap for styling and uses fontawesome icons

Additionally, I am going to use Font Awesome to add icons to our project. This will make it visually appealing and add to its overall design:

I3wm (X11) https://github.com/endeavouros-team/endeavouros-i3wm-setup

[arves@arves ~]$ cat ~/.config/i3/config # This file is a modified version based on default i3-config-wizard config # source is available here: # https://raw.githubusercontent.com/endeavouros-team/endeavouros-i3wm-setup/master/.config/i3/config # Maintainer: joekamprad [[email protected]] # https://endeavouros.com # # iconic font icon search: https://fontawesome.com/v4.7/cheatsheet/ # # --> to update this run the following command (will backup existing setup file) # wget --backups=1 https://raw.githubusercontent.com/endeavouros-team/endeavouros-i3wm-setup/main/.config/i3/config -P ~/.config/i3/ # # Endeavouros-i3 config file # Source for complete framework of our i3 config and theming here: https://github.com/endeavouros-team/endeavouros-i3wm-setup # EndeavourOS wiki holds some Information also: https://discovery.endeavouros.com/window-tiling-managers/i3-wm/ # Please see http://i3wm.org/docs/userguide.html for the official i3 reference! ####################### # config starts here: # ####################### # Font for window titles. Will also be used by the bar unless a different font # is used in the bar {} block below. # This font is widely installed, provides lots of unicode glyphs, right-to-left # text rendering and scalability on retina/hidpi displays (thanks to pango). font pango: JetBrainsMono Nerd Font Regular 10 # set the mod key to the winkey: set $mod Mod4 ##################### # workspace layout: # ##################### # default i3 tiling mode: workspace_layout default # i3 stacking layout: # Each window will be fullscreen and tabbed top to bottom. #workspace_layout stacking # i3 tabbed layout: # Each new window will open fullscreen as a tab (left to right) #workspace_layout tabbed ############################## # extra options for windows: # ############################## #border indicator on windows: new_window pixel 1 # thin borders # hide_edge_borders both # Set inner/outer gaps gaps inner 6 gaps outer 3 # show window title bars (not officially supported with i3gaps) #default_border normal # window title alignment #title_align center # Use Mouse+$mod to drag floating windows to their wanted position floating_modifier $mod # switch/iterate between workspaces bindsym Mod4+Tab workspace next bindsym $mod+Shift+ Tab workspace prev # switch to workspace bindsym $mod+1 workspace $ws1 bindsym $mod+2 workspace $ws2 bindsym $mod+3 workspace $ws3 bindsym $mod+4 workspace $ws4 bindsym $mod+5 workspace $ws5 bindsym $mod+6 workspace $ws6 bindsym $mod+7 workspace $ws7 bindsym $mod+8 workspace $ws8 bindsym $mod+9 workspace $ws9 bindsym $mod+0 workspace $ws10 # switch to workspace with numpad keys bindcode $mod+87 workspace 1 bindcode $mod+88 workspace 2 bindcode $mod+89 workspace 3 bindcode $mod+83 workspace 4 bindcode $mod+84 workspace 5 bindcode $mod+85 workspace 6 bindcode $mod+79 workspace 7 bindcode $mod+80 workspace 8 bindcode $mod+81 workspace 9 bindcode $mod+90 workspace 10 # switch to workspace with numlock numpad keys bindcode $mod+Mod2+87 workspace $ws1 bindcode $mod+Mod2+88 workspace $ws2 bindcode $mod+Mod2+89 workspace $ws3 bindcode $mod+Mod2+83 workspace $ws4 bindcode $mod+Mod2+84 workspace $ws5 bindcode $mod+Mod2+85 workspace $ws6 bindcode $mod+Mod2+79 workspace $ws7 bindcode $mod+Mod2+80 workspace $ws8 bindcode $mod+Mod2+81 workspace $ws9 bindcode $mod+Mod2+90 workspace $ws10 # move focused container to workspace bindsym $mod+Shift+1 move container to workspace $ws1 bindsym $mod+Shift+2 move container to workspace $ws2 bindsym $mod+Shift+3 move container to workspace $ws3 bindsym $mod+Shift+4 move container to workspace $ws4 bindsym $mod+Shift+5 move container to workspace $ws5 bindsym $mod+Shift+6 move container to workspace $ws6 bindsym $mod+Shift+7 move container to workspace $ws7 bindsym $mod+Shift+8 move container to workspace $ws8 bindsym $mod+Shift+9 move container to workspace $ws9 bindsym $mod+Shift+0 move container to workspace $ws10 # move focused container to workspace with numpad keys bindcode $mod+Shift+Mod2+87 move container to workspace $ws1 bindcode $mod+Shift+Mod2+88 move container to workspace $ws2 bindcode $mod+Shift+Mod2+89 move container to workspace $ws3 bindcode $mod+Shift+Mod2+83 move container to workspace $ws4 bindcode $mod+Shift+Mod2+84 move container to workspace $ws5 bindcode $mod+Shift+Mod2+85 move container to workspace $ws6 bindcode $mod+Shift+Mod2+79 move container to workspace $ws7 bindcode $mod+Shift+Mod2+80 move container to workspace $ws8 bindcode $mod+Shift+Mod2+81 move container to workspace $ws9 bindcode $mod+Shift+Mod2+90 move container to workspace $ws10 # move focused container to workspace with numpad keys bindcode $mod+Shift+87 move container to workspace $ws1 bindcode $mod+Shift+88 move container to workspace $ws2 bindcode $mod+Shift+89 move container to workspace $ws3 bindcode $mod+Shift+83 move container to workspace $ws4 bindcode $mod+Shift+84 move container to workspace $ws5 bindcode $mod+Shift+85 move container to workspace $ws6 bindcode $mod+Shift+79 move container to workspace $ws7 bindcode $mod+Shift+80 move container to workspace $ws8 bindcode $mod+Shift+81 move container to workspace $ws9 bindcode $mod+Shift+90 move container to workspace $ws10 # resize window (you can also use the mouse for that): #mode "resize" { # These bindings trigger as soon as you enter the resize mode # Pressing left will shrink the window's width. # Pressing right will grow the window's width. # Pressing up will shrink the window's height. # Pressing down will grow the window's height. # bindsym j resize shrink width 10 px or 10 ppt # bindsym k resize grow height 10 px or 10 ppt # bindsym l resize shrink height 10 px or 10 ppt # bindsym ntilde resize grow width 10 px or 10 ppt # same bindings, but for the arrow keys # bindsym Left resize shrink width 10 px or 10 ppt # bindsym Down resize grow height 10 px or 10 ppt # bindsym Up resize shrink height 10 px or 10 ppt # bindsym Right resize grow width 10 px or 10 ppt # back to normal: Enter or Escape # bindsym Return mode "default" # bindsym Escape mode "default" #} #bindsym $mod+r mode "resize" ###################################### # keybindings for different actions: # ###################################### # start a terminal bindsym $mod+Return exec xfce4-terminal # kill focused window bindsym $mod+q kill # exit-menu bindsym $mod+Shift+e exec ~/.config/i3/scripts/powermenu # Lock the system # lock with a picture: #bindsym $mod+l exec i3lock -i ~/.config/i3/i3-lock-screen.png -p default|win -t # lock by blurring the screen: bindsym $mod+l exec ~/.config/i3/scripts/blur-lock # reload the configuration file bindsym $mod+Shift+c reload # restart i3 inplace (preserves your layout/session, can be used to update i3) bindsym $mod+Shift+r restart # keybinding in fancy rofi (automated): bindsym F1 exec ~/.config/i3/scripts/keyhint-2 # alternative # keybinding list in editor: # bindsym $mod+F1 exec xed ~/.config/i3/keybindings # Backlight control bindsym XF86MonBrightnessUp exec xbacklight +5 && notify-send "Brightness - $(xbacklight -get | cut -d '.' -f 1)%" bindsym XF86MonBrightnessDown exec xbacklight -5 && notify-send "Brightness - $(xbacklight -get | cut -d '.' -f 1)%" # change focus bindsym $mod+j focus left bindsym $mod+k focus down bindsym $mod+b focus up bindsym $mod+o focus right # alternatively, you can use the cursor keys: bindsym $mod+Left focus left bindsym $mod+Down focus down bindsym $mod+Up focus up bindsym $mod+Right focus right # move focused window bindsym $mod+Shift+j move left bindsym $mod+Shift+k move down bindsym $mod+Shift+b move up bindsym $mod+Shift+o move right # alternatively, you can use the cursor keys: bindsym $mod+Shift+Left move left bindsym $mod+Shift+Down move down bindsym $mod+Shift+Up move up bindsym $mod+Shift+Right move right # split in horizontal orientation bindsym $mod+h split h # split in vertical orientation bindsym $mod+v split v # enter fullscreen mode for the focused container bindsym $mod+f fullscreen toggle # change container layout (stacked, tabbed, toggle split) bindsym $mod+s layout stacking bindsym $mod+g layout tabbed bindsym $mod+e layout toggle split # toggle tiling / floating bindsym $mod+Shift+space floating toggle # change focus between tiling / floating windows bindsym $mod+space focus mode_toggle # focus the parent container bindsym $mod+a focus parent # open new empty workspace bindsym $mod+Shift+n exec ~/.config/i3/scripts/empty_workspace # Multimedia Keys # volume bindsym XF86AudioRaiseVolume exec amixer -D pulse sset Master 5%+ && pkill -RTMIN+1 i3blocks bindsym XF86AudioLowerVolume exec amixer -D pulse sset Master 5%- && pkill -RTMIN+1 i3blocks # gradular volume control bindsym $mod+XF86AudioRaiseVolume exec amixer -D pulse sset Master 1%+ && pkill -RTMIN+1 i3blocks bindsym $mod+XF86AudioLowerVolume exec amixer -D pulse sset Master 1%- && pkill -RTMIN+1 i3blocks # mute bindsym XF86AudioMute exec amixer sset Master toggle && killall -USR1 i3blocks # audio control bindsym XF86AudioPlay exec playerctl play bindsym XF86AudioPause exec playerctl pause bindsym XF86AudioNext exec playerctl next bindsym XF86AudioPrev exec playerctl previous # Redirect sound to headphones bindsym $mod+p exec /usr/local/bin/switch-audio-port ## App shortcuts bindsym $mod+w exec /usr/bin/firefox bindsym $mod+n exec /usr/bin/thunar bindsym Print exec scrot ~/%Y-%m-%d-%T-screenshot.png && notify-send "Screenshot saved to ~/$(date +"%Y-%m-%d-%T")-screenshot.png" # Power Profiles menu switcher (rofi) bindsym $mod+Shift+p exec ~/.config/i3/scripts/power-profiles ########################################## # configuration for workspace behaviour: # ########################################## # Define names for default workspaces for which we configure key bindings later on. # We use variables to avoid repeating the names in multiple places. set $ws1 "1:" set $ws2 "2:" set $ws3 "3:" set $ws4 "4:" set $ws5 "5:" set $ws6 "6" set $ws7 "7" set $ws8 "8" set $ws9 "9" set $ws10 "10" # use workspaces on different displays: # where you have to replace VGA-0/HDMI-0 with the names for your displays # you can get from xrandr command #workspace $ws1 output VGA-0 #workspace $ws2 output VGA-0 #workspace $ws3 output HDMI-0 #workspace $ws4 output HDMI-0 #workspace $ws5 output HDMI-0 # bind program to workspace and focus to them on startup: assign [class="Xfce4-terminal"] $ws1 assign [class="(?i)firefox"] $ws2 assign [class="Thunar"] $ws3 assign [class="Thunderbird"] $ws4 assign [class="TelegramDesktop"] $ws5 assign [class="discord"] $ws4 assign [class="chromium"] $ws2 # automatic set focus new window if it opens on another workspace then the current: for_window [class=Xfce4-terminal] focus for_window [class=(?i)firefox] focus for_window [class=Thunar] focus for_window [class=Thunderbird] focus for_window [class=TelegramDesktop] focus ############## # compositor # ############## # transparency # uncomment one of them to be used (picom package is installed per default) # options could need changes, related to used GPU and drivers. # to find the right setting consult the archwiki or ask at the forum. # # xcompmgr: https://wiki.archlinux.org/title/Xcompmgr # manpage: https://man.archlinux.org/man/xcompmgr.1.en #exec --no-startup-id xcompmgr -C -n & # or an more specialized config like this: #exec --no-startup-id xcompmgr -c -C -t-5 -l-5 -r4.2 -o.55 & # # or: # # picom: https://wiki.archlinux.org/title/Picom # manpage: https://man.archlinux.org/man/picom.1.en # The default configuration is available in /etc/xdg/picom.conf # For modifications, it can be copied to ~/.config/picom/picom.conf or ~/.config/picom.conf # # using default config exec_always --no-startup-id picom -b # # for custom config: #exec_always --no-startup-id picom --config ~/.config/picom.conf ############################################# # autostart applications/services on login: # ############################################# #get auth work with polkit-gnome exec --no-startup-id /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 # dex execute .desktop files + apps using /etc/xdg/autostart. # when second to i3 a DE is installed or mixed usage of i3 + xfce4 or GNOME # in this cases better disable dex and use manual starting apps using xdg/autostart # if enabled you should comment welcome app. # https://github.com/jceb/dex #exec --no-startup-id dex -a -s /etc/xdg/autostart/:~/.config/autostart/ exec --no-startup-id dex --autostart --environment i3 # start welcome app #exec --no-startup-id sh /usr/share/endeavouros/scripts/welcome --startdelay=3 # num lock activated #exec --no-startup-id numlockx on # configure multiple keyboard layouts and hotkey to switch (Alt+CAPSLOCK in this example) #exec --no-startup-id setxkbmap -layout 'us,sk' -variant altgr-intl,qwerty -option 'grp:alt_caps_toggle' # start conky: #exec_always --no-startup-id conky # start a script to setup displays # uncomment the next line, use arandr to setup displays and save the file as monitor: exec --no-startup-id ~/.screenlayout/monitor.sh # set wallpaper exec --no-startup-id sleep 2 && nitrogen --restore #exec --no-startup-id feh --bg-fill /usr/share/endeavouros/backgrounds/endeavouros_i3.png # set powersavings for display: exec --no-startup-id xset s 480 dpms 600 600 600 # disable power saving (for example if using xscreensaver) #exec --no-startup-id xset -dpms # use xautolock to use autosuspend rules for mobile devices # https://wiki.archlinux.org/title/Session_lock#xautolock #exec --no-startup-id xautolock -time 60 -locker "systemctl suspend" # xscreensaver # https://www.jwz.org/xscreensaver #exec --no-startup-id xscreensaver --no-splash # Desktop notifications exec --no-startup-id dbus-launch dunst --config ~/.config/dunst/dunstrc # alternative if you installed aside with XFCE4: # exec --no-startup-id /usr/lib/xfce4/notifyd/xfce4-notifyd & # autotiling script # https://github.com/nwg-piotr/autotiling # `yay -S autotiling ;) (it is in AUR) #exec_always --no-startup-id autotiling # Autostart apps as you like #exec --no-startup-id sleep 2 && xfce4-terminal #exec --no-startup-id sleep 7 && firefox https://github.com/endeavouros-team/endeavouros-i3wm-setup/blob/main/force-knowledge.md #exec --no-startup-id sleep 3 && thunar ############### # system tray # ############### # if you do not use dex: exec --no-startup-id dex --autostart --environment i3 # you need to have tray apps started manually one by one: # start blueberry app for managing bluetooth devices from tray: #exec --no-startup-id blueberry-tray # networkmanager-applet #exec --no-startup-id nm-applet # clipman-applet #exec --no-startup-id xfce4-clipman ################## # floating rules # ################## # set floating (nontiling) for apps needing it for_window [class="Yad" instance="yad"] floating enable for_window [class="Galculator" instance="galculator"] floating enable for_window [class="Blueberry.py" instance="blueberry.py"] floating enable # set floating (nontiling) for special apps for_window [class="Xsane" instance="xsane"] floating enable for_window [class="Pavucontrol" instance="pavucontrol"] floating enable for_window [class="qt5ct" instance="qt5ct"] floating enable for_window [class="Blueberry.py" instance="blueberry.py"] floating enable for_window [class="Bluetooth-sendto" instance="bluetooth-sendto"] floating enable for_window [class="Pamac-manager"] floating enable for_window [window_role="About"] floating enable # set border of floating window for_window [class="urxvt"] border pixel 1 # set size of floating window #for_window [window_role="(?i)GtkFileChooserDialog"] resize set 640 480 #to set size of file choose dialog #for_window [class=".*"] resize set 640 480 #to change size of all floating windows # set position of floating window #for_window [class=".*"] move position center ###################################### # color settings for bar and windows # ###################################### # Define colors variables: set $darkbluetrans #08052be6 set $darkblue #08052b set $lightblue #5294e2 set $urgentred #e53935 set $white #ffffff set $black #000000 set $purple #e345ff set $darkgrey #383c4a set $grey #b0b5bd set $mediumgrey #8b8b8b set $yellowbrown #e1b700 # define colors for windows: #class border bground text indicator child_border client.focused $lightblue $darkblue $white $purple $mediumgrey client.unfocused $darkblue $darkblue $grey $purple $darkgrey client.focused_inactive $darkblue $darkblue $grey $purple $black client.urgent $urgentred $urgentred $white $purple $yellowbrown ############################################ # bar settings (input comes from i3blocks) # ############################################ # Start i3bar to display a workspace bar # (plus the system information i3status finds out, if available) bar { font pango: JetBrainsMono Nerd Font Regular 9 status_command i3blocks -c ~/.config/i3/i3blocks.conf position top # i3bar_command i3bar --transparency # it could be that you have no primary display set: set one (xrandr --output --primary) # reference: https://i3wm.org/docs/userguide.html#_tray_output tray_output primary tray_padding 0 # When strip_workspace_numbers is set to yes, # any workspace that has a name of the form # “[n][:][NAME]” will display only the name. strip_workspace_numbers yes ##strip_workspace_name no colors { separator $purple background $darkgrey statusline $white # border bg txt indicator focused_workspace $mediumgrey $grey $darkgrey $purple active_workspace $lightblue $mediumgrey $darkgrey $purple inactive_workspace $darkgrey $darkgrey $grey $purple urgent_workspace $urgentred $urgentred $white $purple } } # you can add different bars for multidisplay setups on each display: # set output HDMI-0 to the display you want the bar, --transparency can be set. # Transparency needs rgba color codes to be used where the last two letters are the transparency factor see here: # https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4 # #08052be6 --> e6=90% # bar { # font pango: Noto Sans Regular 10 # status_command i3blocks -c ~/.config/i3/i3blocks-2.conf # i3bar_command i3bar --transparency # output HDMI-0 # position bottom # # When strip_workspace_numbers is set to yes, # any workspace that has a name of the form # “[n][:][NAME]” will display only the name. #strip_workspace_numbers yes ##strip_workspace_name no # # colors { # separator $purple # background $darkbluetrans # statusline $white # border bg txt indicator # focused_workspace $lighterblue $lighterblue $darkblue $purple # active_workspace $lightdblue $lightdblue $darkblue $purple # inactive_workspace $darkblue $darkblue $lightdblue $purple # urgent_workspace $urgentred $urgentred $white $purple # } #} ##################################### # Application menu handled by rofi: # ##################################### ## rofi bindings fancy application menu ($mod+d /F9 optional disabled) bindsym $mod+d exec rofi -modi drun -show drun \ -config ~/.config/rofi/rofidmenu.rasi #bindsym F9 exec rofi -modi drun -show drun \ # -config ~/.config/rofi/rofidmenu.rasi ## rofi bindings for window menu ($mod+t /F10 optional disabled) bindsym $mod+t exec rofi -show window \ -config ~/.config/rofi/rofidmenu.rasi #bindsym F10 exec rofi -show window \ # -config ~/.config/rofi/rofidmenu.rasi ## rofi bindings to manage clipboard (install rofi-greenclip from the AUR) #exec --no-startup-id greenclip daemon>/dev/null #bindsym $mod+c exec --no-startup-id rofi -modi "clipboard:greenclip print" -show clipboard \ # -config ~/.config/rofi/rofidmenu.rasi

Read the endeavouros i3 config file here, it's full of very helpful comments that will explain most of the i3 config and the i3wm site will tell you all the default keybindings. Another option is to use something like autotiling which is also in the AUR.

Here is arco's and endeavourOS's config files to get you started. Also this could be a good starting point.

My solution was to slap a wm. I use i3 and qtile (not at the same time lol). They are much better for me compared to kde or xfce for memory consumption. If you'd like to try a wm I would suggest i3 and use one of the preconfigured ones e.g. Arco or Endeavour which has list of packages to be installed (e.g. rofi, dunst, i3-lock etc.) so you'll get all the functionality of a DE. They even have install scripts to fetch everything needed if you require. Also you can waste months of your life ricing. It's like cocaine I tell you.