diff --git a/.gitignore b/.gitignore
index 485dee6..e593317 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
.idea
+.hugo_build.lock
\ No newline at end of file
diff --git a/content/posts/2010-01-07-post-modified.md b/content/posts/2010-01-07-post-modified.md
new file mode 100644
index 0000000..c09d324
--- /dev/null
+++ b/content/posts/2010-01-07-post-modified.md
@@ -0,0 +1,14 @@
+---
+title: "Post: Modified Date"
+last_modified_at: 2016-03-09T16:20:02-05:00
+categories:
+ - Blog
+tags:
+ - Post Formats
+ - readability
+ - standard
+---
+
+This post has been updated and should show a modified date if used in a layout.
+
+All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
\ No newline at end of file
diff --git a/content/posts/2010-01-07-post-standard.md b/content/posts/2010-01-07-post-standard.md
new file mode 100644
index 0000000..fc25616
--- /dev/null
+++ b/content/posts/2010-01-07-post-standard.md
@@ -0,0 +1,32 @@
+---
+title: "Post: Standard"
+excerpt_separator: ""
+categories:
+ - Blog
+tags:
+ - Post Formats
+ - readability
+ - standard
+---
+
+All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
+
+Mrs. Darling first heard of Peter when she was tidying up her children's minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
+
+
+
+This post has a manual excerpt `` set after the second paragraph. The following YAML Front Matter has also be applied:
+
+```yaml
+excerpt_separator: ""
+```
+
+If you could keep awake (but of course you can't) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
+
+I don't know whether you have ever seen a map of a person's mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child's mind, which is not only confused, but keeps going round all the time. There are zigzag lines on it, just like your temperature on a card, and these are probably roads in the island, for the Neverland is always more or less an island, with astonishing splashes of colour here and there, and coral reefs and rakish-looking craft in the offing, and savages and lonely lairs, and gnomes who are mostly tailors, and caves through which a river runs, and princes with six elder brothers, and a hut fast going to decay, and one very small old lady with a hooked nose. It would be an easy map if that were all, but there is also first day at school, religion, fathers, the round pond, needle-work, murders, hangings, verbs that take the dative, chocolate pudding day, getting into braces, say ninety-nine, three-pence for pulling out your tooth yourself, and so on, and either these are part of the island or they are another map showing through, and it is all rather confusing, especially as nothing will stand still.
+
+Of course the Neverlands vary a good deal. John's, for instance, had a lagoon with flamingoes flying over it at which John was shooting, while Michael, who was very small, had a flamingo with lagoons flying over it. John lived in a boat turned upside down on the sands, Michael in a wigwam, Wendy in a house of leaves deftly sewn together. John had no friends, Michael had friends at night, Wendy had a pet wolf forsaken by its parents, but on the whole the Neverlands have a family resemblance, and if they stood still in a row you could say of them that they have each other's nose, and so forth. On these magic shores children at play are for ever beaching their coracles [simple boat]. We too have been there; we can still hear the sound of the surf, though we shall land no more.
+
+Of all delectable islands the Neverland is the snuggest and most compact, not large and sprawly, you know, with tedious distances between one adventure and another, but nicely crammed. When you play at it by day with the chairs and table-cloth, it is not in the least alarming, but in the two minutes before you go to sleep it becomes very real. That is why there are night-lights.
+
+Occasionally in her travels through her children's minds Mrs. Darling found things she could not understand, and of these quite the most perplexing was the word Peter. She knew of no Peter, and yet he was here and there in John and Michael's minds, while Wendy's began to be scrawled all over with him. The name stood out in bolder letters than any of the other words, and as Mrs. Darling gazed she felt that it had an oddly cocky appearance.
\ No newline at end of file
diff --git a/content/posts/2010-01-08-post-chat.md b/content/posts/2010-01-08-post-chat.md
new file mode 100644
index 0000000..9092634
--- /dev/null
+++ b/content/posts/2010-01-08-post-chat.md
@@ -0,0 +1,134 @@
+---
+title: "Post: Chat"
+categories:
+ - Blog
+tags:
+ - chat
+ - Post Formats
+---
+
+Abbott: Strange as it may seem, they give ball players nowadays very peculiar names.
+
+Costello: Funny names?
+
+Abbott: Nicknames, nicknames. Now, on the St. Louis team we have Who's on first, What's on second, I Don't Know is on third--
+
+Costello: That's what I want to find out. I want you to tell me the names of the fellows on the St. Louis team.
+
+Abbott: I'm telling you. Who's on first, What's on second, I Don't Know is on third--
+
+Costello: You know the fellows' names?
+
+Abbott: Yes.
+
+Costello: Well, then who's playing first?
+
+Abbott: Yes.
+
+Costello: I mean the fellow's name on first base.
+
+Abbott: Who.
+
+Costello: The fellow playin' first base.
+
+Abbott: Who.
+
+Costello: The guy on first base.
+
+Abbott: Who is on first.
+
+Costello: Well, what are you askin' me for?
+
+Abbott: I'm not asking you--I'm telling you. Who is on first.
+
+Costello: I'm asking you--who's on first?
+
+Abbott: That's the man's name.
+
+Costello: That's who's name?
+
+Abbott: Yes.
+
+Costello: When you pay off the first baseman every month, who gets the money?
+
+Abbott: Every dollar of it. And why not, the man's entitled to it.
+
+Costello: Who is?
+
+Abbott: Yes.
+
+Costello: So who gets it?
+
+Abbott: Why shouldn't he? Sometimes his wife comes down and collects it.
+
+Costello: Who's wife?
+
+Abbott: Yes. After all, the man earns it.
+
+Costello: Who does?
+
+Abbott: Absolutely.
+
+Costello: Well, all I'm trying to find out is what's the guy's name on first base?
+
+Abbott: Oh, no, no. What is on second base.
+
+Costello: I'm not asking you who's on second.
+
+Abbott: Who's on first!
+
+Costello: St. Louis has a good outfield?
+
+Abbott: Oh, absolutely.
+
+Costello: The left fielder's name?
+
+Abbott: Why.
+
+Costello: I don't know, I just thought I'd ask.
+
+Abbott: Well, I just thought I'd tell you.
+
+Costello: Then tell me who's playing left field?
+
+Abbott: Who's playing first.
+
+Costello: Stay out of the infield! The left fielder's name?
+
+Abbott: Why.
+
+Costello: Because.
+
+Abbott: Oh, he's center field.
+
+Costello: Wait a minute. You got a pitcher on this team?
+
+Abbott: Wouldn't this be a fine team without a pitcher?
+
+Costello: Tell me the pitcher's name.
+
+Abbott: Tomorrow.
+
+Costello: Now, when the guy at bat bunts the ball--me being a good catcher--I want to throw the guy out at first base, so I pick up the ball and throw it to who?
+
+Abbott: Now, that's he first thing you've said right.
+
+Costello: I DON'T EVEN KNOW WHAT I'M TALKING ABOUT!
+
+Abbott: Don't get excited. Take it easy.
+
+Costello: I throw the ball to first base, whoever it is grabs the ball, so the guy runs to second. Who picks up the ball and throws it to what. What throws it to I don't know. I don't know throws it back to tomorrow--a triple play.
+
+Abbott: Yeah, it could be.
+
+Costello: Another guy gets up and it's a long ball to center.
+
+Abbott: Because.
+
+Costello: Why? I don't know. And I don't care.
+
+Abbott: What was that?
+
+Costello: I said, I DON'T CARE!
+
+Abbott: Oh, that's our shortstop!
\ No newline at end of file
diff --git a/content/posts/2010-02-05-post-notice.md b/content/posts/2010-02-05-post-notice.md
new file mode 100644
index 0000000..392f2cd
--- /dev/null
+++ b/content/posts/2010-02-05-post-notice.md
@@ -0,0 +1,68 @@
+---
+title: "Post: Notice"
+categories:
+ - Blog
+tags:
+ - Post Formats
+ - notice
+---
+
+A notice displays information that explains nearby content. Often used to call attention to a particular detail.
+
+When using Kramdown `{: .notice}` can be added after a sentence to assign the `.notice` to the `
` element.
+
+**Changes in Service:** We just updated our [privacy policy](#) here to better service our customers. We recommend reviewing the changes.
+{: .notice}
+
+**Primary Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. [Praesent libero](#). Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+{: .notice--primary}
+
+**Info Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing elit](#). Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+{: .notice--info}
+
+**Warning Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. [Integer nec odio](#). Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+{: .notice--warning}
+
+**Danger Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing](#) elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+{: .notice--danger}
+
+**Success Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at [nibh elementum](#) imperdiet.
+{: .notice--success}
+
+Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with `markdownify` is a good way to go.
+
+```html
+{% raw %}{% capture notice-2 %}
+#### New Site Features
+
+* You can now have cover images on blog pages
+* Drafts will now auto-save while writing
+{% endcapture %}{% endraw %}
+
+{% raw %}{{ notice-2 | markdownify }}{% endraw %}
+```
+
+{% capture notice-2 %}
+#### New Site Features
+
+* You can now have cover images on blog pages
+* Drafts will now auto-save while writing
+{% endcapture %}
+
+
+ {{ notice-2 | markdownify }}
+
+
+Or you could skip the capture and stick with straight HTML.
+
+```html
+
+
Message
+
A basic message.
+
+```
+
+
+
Message
+
A basic message.
+
\ No newline at end of file
diff --git a/content/posts/2010-02-05-post-quote.md b/content/posts/2010-02-05-post-quote.md
new file mode 100644
index 0000000..fda06e9
--- /dev/null
+++ b/content/posts/2010-02-05-post-quote.md
@@ -0,0 +1,12 @@
+---
+title: "Post: Quote"
+categories:
+ - Blog
+tags:
+ - Post Formats
+ - quote
+---
+
+> Only one thing is impossible for God: To find any sense in any copyright law on the planet.
+
+> Mark Twain
\ No newline at end of file
diff --git a/content/posts/2010-03-07-post-link.md b/content/posts/2010-03-07-post-link.md
new file mode 100644
index 0000000..6d99180
--- /dev/null
+++ b/content/posts/2010-03-07-post-link.md
@@ -0,0 +1,15 @@
+---
+title: "Post: Link"
+categories:
+ - Blog
+tags:
+ - link
+ - Post Formats
+link: https://github.com
+---
+
+This theme supports **link posts**, made famous by John Gruber. To use, just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done.
+
+> And this is how a quote looks.
+
+Some [link](#) can also be shown.
\ No newline at end of file
diff --git a/content/posts/2019-04-18-welcome-to-jekyll.md b/content/posts/2019-04-18-welcome-to-jekyll.md
new file mode 100644
index 0000000..30fdbf3
--- /dev/null
+++ b/content/posts/2019-04-18-welcome-to-jekyll.md
@@ -0,0 +1,29 @@
+---
+title: "Welcome to Jekyll!"
+date: 2019-04-18T15:34:30-04:00
+categories:
+ - blog
+tags:
+ - Jekyll
+ - update
+---
+
+You'll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+```ruby
+def print_hi(name)
+ puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+```
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]: https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/
diff --git a/content/posts/2020-04-07-install-archlinux-in-uefi-mode.md b/content/posts/2020-04-07-install-archlinux-in-uefi-mode.md
new file mode 100644
index 0000000..2a80354
--- /dev/null
+++ b/content/posts/2020-04-07-install-archlinux-in-uefi-mode.md
@@ -0,0 +1,160 @@
++++
+draft = false
+date = 2020-04-07T07:00:00+07:00
+title = "Cài đặt Archlinux trong chế độ boot UEFI"
+description = ""
+slug = ""
+tags = ["Arch", "Linux"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Trước khi bắt đầu, thì mình cũng xin nói trước là mình biết nếu bạn là "dân chơi" dám thử cài Arch Linux thì hẳn bạn không phải "tay mơ" rồi, và bạn có thể tự cài mà không cần hướng dẫn của mình. Bài viết của mình chủ yếu mang mục đích là chia sẻ kinh nghiệm cài Arch của mình thôi, chứ không mang tính hướng dẫn hay giúp đỡ gỡ rối gì. Nếu bạn gặp khó khăn, hãy comment bên dưới bài viết, mình sẽ xem và hỗ trợ bạn nếu có thể. Còn nếu bạn là người mới hoặc có ý định bước vào thế giới Linux, mình khuyên bạn nên thử dùng các phiên bản dành cho người mới trước như [Ubuntu](https://ubuntu.com/) hay nếu bạn nguốn trải nghiệm sơ bộ Arch thì [Manjaro](https://manjaro.org/) cũng là một lựa chọn không tồi (base on Arch và đứng top bảng xếp hạng nhiều lần mà) trước khi bắt đầu thử Arch. Sau đây là các bước tiến hành:
+
+## Tạo bộ cài
+
+Ở đây mình hướng dẫn tạo bộ cài qua USB, nếu bạn dùng đĩa thì có thể tự tìm hiểu và làm.
+
+Đầu tiên các bạn tải file cài đặt mới nhất tại trang chủ của Arch Linux:
+
+Nếu bạn dùng Windows thì sử dụng Rufus để tạo bộ cài (các bạn chọn chế độ boot BIOS mặc định là được, bộ cài sẽ nhận cả 2 chuẩn BIOS lẫn UEFI luôn, còn nếu chọn UEFI thôi thì có khi lại không được :v). Nếu bạn dùng Linux thì có thể dùng lệnh: `dd if=<đường dẫn đến file .iso> of=/dev/sdX bs=1MB` (với sdX là ổ USB) hoặc dùng GUI tools như Disks (`gnome-disks`) -> Restore Disk Image...
+
+## Thiết lập mạng
+
+Sau khi boot vào Live boot, bạn khởi động các service sau: `systemctl start dhcpcd`. Nếu bạn dùng mạng dây thì như vậy là được, nhưng nếu bạn dùng wifi như laptop chẳng hạn, thì chạy thêm các lệnh sau:
+
+```shell
+systemctl start iwd
+iwctl
+device list
+```
+
+Lúc này sẽ hiện ra tên các thiết bị wifi của bạn, giả sử là `wlan0`, nếu không phải thì thay `wlan0` ở các lệnh sau bằng tên thích hợp của máy bạn:
+
+```shell
+station wlan0 scan
+station wlan0 get-networks
+```
+
+Lúc này sẽ hiện ra tên các điểm truy cập wifi, giả sử như là `SSID`, kết nối bằng lệnh sau:
+
+```shell
+station wlan0 connect SSID
+```
+
+Lúc này sẽ yêu cầu bạn nhập mật khẩu wifi (nếu có). Sau đó bạn có thể tiếp tục các bước tiếp theo:
+Thử kết nối với internet bằng lệnh: `ping google.com -c2`
+
+## Cập nhật ngày giờ hệ thống
+
+`timedatectl set-ntp true`
+
+## Phân vùng ổ đĩa
+
+Ở đây mình dùng lệnh `fdisk`, bạn có thể dùng lệnh khác.
+**Lưu ý:** Arch Linux khuyến khích phân vùng EFI từ 260-512MiB; phân vùng SWAP từ 512MiB. SWAP là cần thiết, tuy nhiên sau khi cài mình sẽ dùng swap file nên không tạo phân vùng này.
+
+```shell
+fdisk -l
+fdisk /dev/sda> /mnt/etc/fstab` (có thể thay `-U` bằng `-L`, nghĩa là thay vì định nghĩa bằng UUID thì định nghĩa bằng label của phân vùng)
+
+#### Change root vào hệ thống mới
+
+`arch-chroot /mnt`
+
+#### Thiết lập time zone
+
+Chúng ta ở Việt Nam sẽ chọn thành phố Hồ Chí Minh: `ln -sf /usr/share/zoneinfo/Asia/Ho_Chi_Minh /etc/localtime`. Đồng bộ giờ: `hwclock --systohc`
+
+#### Định dạng vùng
+
+Đầu tiên nên cài đặt vim để có thể chỉnh sửa file văn bản: `pacman -S vim`. Sau đó sửa file sau: `vim /etc/locale.gen` Uncomment dòng _en_us.UTF-8 UTF-8_ (và dòng _vi_VN UTF-8_ nếu thích :v) (bạn nhấn phím _i_ để vào chế độ insert mới sửa được), lưu lại và thoát (_Esc_, sau đó gõ `:wq` sau đó chạy lệnh: `locale-gen`. Tiếp tục sửa một file khác: `vim /etc/locale.conf`. Thêm vào đây dòng sau _LANG=en_US.UTF-8_
+
+#### Thiết lập tên máy tính trong mạng
+
+Sửa file `/etc/hostname`, _myhostname_ vào đó (với _myhostname_ là tên bạn muốn đặt cho máy tính của bạn). Tương tự, sửa file `/etc/hosts` với các thông số như sau:
+
+```shell
+127.0.0.1 localhost
+::1 localhost
+127.0.1.1 myhostname.localdomain myhostname
+```
+
+#### Khởi tạo Initramfs
+
+(thông thường bước này không cần thiết)
+
+`mkinitcpio -P`
+
+#### Đặt mật khẩu cho root
+
+Gõ: `passwd`. Sau đó điền mật khẩu 2 lần.
+
+#### Cài đặt microcode (tùy chọn)
+
+Tùy vào bạn sử dụng CPU Intel hay AMD mà cài gói cho phù hợp. `pacman -S amd-ucode` (nếu bạn dùng AMD) hoặc `pacman -S intel-ucode` (nếu bạn dùng Intel)
+
+#### Cài đặt boot loader
+
+Ở đây mình dùng `grub` (khá phổ biến, nhiều tùy chọn, tùy chỉnh), và gói `efibootmgr` (mình đang cài trong chế độ UEFI mà :D):
+
+```shell
+pacman -S grub efibootmgr
+grub-install --target=x86_64-efi --efi-directory=/efi --bootloader-id=Archlinux
+```
+
+Nếu bạn mount phân vùng EFI giống mình thì làm như trên, không thì đổi `/efi` thành mount point EFI của bạn. "Archlinux" trong lệnh trên có thể đổi thành cái khác nếu bạn thích, nó sẽ hiển thị trong Boot Options trong BIOS của bạn (nếu bạn không lock Boot Order, máy ThinkPad của mình có chức năng này).
+
+Cập nhật GRUB: `grub-mkconfig -o /boot/grub/grub.cfg`
+
+Vậy là bạn đã hoàn thành cài Arch Linux lên máy rồi đấy, giờ thì có thể reboot ngay để trải nghiệm thôi:
+
+```shell
+umount -R /mnt
+reboot
+```
+
+Tuy nhiên mình khuyên bạn nên làm theo các bước "hậu cài đặt" trước khi reboot để có trải nghiệm tốt nhất, vì bạn chỉ mới có các gói cơ bản trên máy thôi, nên chưa thể dùng như Desktop được đâu. Mình sẽ viết bài cho điều này sớm nhất. Hẹn gặp lại các bạn.
+
+Tham khảo tại nguồn:
+
+Chúc các bạn thành công! Nếu có gặp khó khăn gì, bạn có thể comment bên dưới, mình sẽ cố gắng giúp đỡ.
diff --git a/content/posts/2020-04-08-after-install-archlinux.md b/content/posts/2020-04-08-after-install-archlinux.md
new file mode 100644
index 0000000..faab415
--- /dev/null
+++ b/content/posts/2020-04-08-after-install-archlinux.md
@@ -0,0 +1,79 @@
++++
+draft = false
+date = 2020-04-08T07:00:00+07:00
+title = "'Hậu cài đặt' Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Tiếp theo bài cài đặt Arch Linux thì đây là những điều theo mình là nên làm trước khi reboot để dùng.
+
+## Cài đặt giao diện cho Arch Linux
+
+Sau khi hoàn tất các bước ở bài cài đặt, thì bạn đã có thể sử dụng Arch Linux rồi, tuy nhiên đó chỉ là giao diện console thôi, để cài đặt môi trường Desktop thì bạn làm như sau: (lúc này vẫn còn ở trong chế độ của `arch-chroot` nha các bạn)
+
+```shell
+pacman -S xorg-server
+pacman -S cinnamon
+```
+
+Ở đây mình dùng desktop environment (DE) là cinnamon; sau này các bài hướng dẫn mình cũng hướng dẫn cho cinnamon thôi. Arch hỗ trợ rất nhiều DE khác nhau được liệt kê ở các bạn có thể chọn một DE khác thích hợp như Gnome, KDE,... Đặc biệt Arch có hỗ trợ i3, một DE có thể nói là 'dành cho lập trình viên' rất 'cool', nhưng mình không pro như thế nên chưa dùng được :v Vì cinnamon cũng dựa trên gtk nên các bạn có thể cài đặt gnome để có những phần mềm bổ sung thêm khác
+
+```shell
+pacman -S lightdm lightdm-gtk-greeter
+```
+
+Mình dùng LightDM làm display manager, nếu bạn dùng gnome thì mặc định đã có gdm được cài rồi
+
+```shell
+systemctl enable lightdm
+```
+
+Để service của LightDM khởi động cùng hệ thống, nếu dùng DM khác thì bạn thay tên vào đó
+
+```shell
+systemctl enable NetworkManger
+```
+
+(đây là service quản lý mạng (chủ yếu là để kết nối wifi dễ dàng hơn))
+
+## Thêm người dùng vào hệ thống
+
+Mặc định bạn mới có user root trong hệ thống thôi, để dùng thì mình nên tạo một user khác để đăng nhập vào:
+
+```shell
+useradd -m -G wheel -s /bin/bash tien
+```
+
+(-m để hệ thống tạo một thư mục home cho bạn, vd ở đây là /home/tien; -G wheel để thêm bạn vào group wheel, group này dùng để cấp quyền sudo cho bạn sau này; -s /bin/bash, shell của bạn, ở đây mình dùng bash, sau này mình viết bài giới thiệu cho các bạn về zsh, một shell dễ tùy chỉnh hơn; tien là tên người dùng bạn muốn tạo, mình tên Tiến thì tạo tên tien thôi :v)
+
+### Cấp quyền sudo
+
+```shell
+pacman -S sudo
+```
+
+(tất nhiên phải có sudo mới cấp quyền chứ :v)
+
+```shell
+pacman -S neovim
+```
+
+(editor mình sẽ dùng để edit, bạn có thể cài vim, vi hay nano,... tùy bạn, mình thích dùng neovim nên cài thôi :))
+`EDITOR=nvim visudo` (mặc định visudo dùng vi nên để dùng neovim mình phải cấu hình lại EDITOR)
+
+Bỏ comment ở dòng `wheel ALL=(ALL) ALL`, vậy là được, lưu lại và thoát thôi :D
+
+## Cài đặt một terminal
+
+Nếu bạn chỉ cài cinnamon thì ban đầu bạn sẽ chưa có terminal nào, nếu muốn dùng lệnh thì sẽ phải vào TTY khác (Ctrl + Alt + Fx(x từ 2 đến 6 ấy). Ở đây mình cài Terminator nhé:
+
+```shell
+pacman -S terminator
+```
+
+Vậy là bạn đã có một hệ thống 'có thể dùng được' rồi đấy, sau này mình sẽ có các bài làm đẹp Arch, tinh chỉnh Arch,.. nữa. Hẹn gặp lại!!
diff --git a/content/posts/2020-04-13-install-yay.md b/content/posts/2020-04-13-install-yay.md
new file mode 100644
index 0000000..e7f8b7c
--- /dev/null
+++ b/content/posts/2020-04-13-install-yay.md
@@ -0,0 +1,51 @@
++++
+draft = false
+date = 2020-04-13T07:00:00+07:00
+title = "Cài đặt package trong AUR cho Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "yay", "AUR"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Arch User Repository (AUR) là nơi để người dùng nào cũng có thể tạo các package cho riêng mình và chia sẻ với những người khác cùng sử dụng; một lí do khiến cho Arch trở nên rất tiện lợi với người dùng, một trong những lí do để họ chọn Arch là distro để dùng.
+
+Có thể nói hầu hết các gói bạn có thể tìm ở các distro khác đều có thể có ở Official Repositories hoặc trong AUR. Và những package "được biết đến" cũng sẽ có bản trong AUR. VD như `ibus-bamboo` - bộ gõ yêu thích của mình cũng có trong đây.
+
+Hơn nữa, với những phần mềm open source hay cung cấp source code cho người dùng tự build (như trên GitHub chẳng hạn), thì việc cài đặt từ AUR dễ dàng hơn nhiều, và cũng dễ quản lý hơn nữa.
+
+Ở thời điểm mình viết bài này, mặc dù trong Official repositories có 11278 (một con số cũng rất ấn tượng rồi), nhưng trong AUR có đến tận 59729 packages, một con số rất 'khủng' phải không :D
+
+Và điểm mạnh trên cũng chính là điểm yếu của nó, vì ai cũng có thể thêm package vào đó, nên vẫn hay bị "mang tiếng" là dễ bị tác giả "tặng kèm" vài con virus hay malware,... vào máy :v. Vì vậy các bạn nên cẩn thận, lựa chọn package có nguồn đáng tin cậy để cài đặt thôi nhé, chẳng hạn như package được đề cập trong Arch Wiki, từ trang chủ của gói đó, vd như ibus-bamboo có ghi rõ gói AUR dành cho Arch và các distro base-on Arch; hoặc các package có votes cao, popularity nhiều,...
+
+## Hướng dẫn cài đặt package từ AUR (yay)
+
+Ở đây mình sẽ hướng dẫn cài yay (một AUR helper khá nổi), vì hướng dẫn cơ bản nên các bước config build,... mình sẽ bỏ qua, chỉ hướng dẫn 3 bước chính
+
+Trước tiên thì bạn nên cài đặt gói base-devel trước, đây là gói chứa nhiều công cụ dùng để build package:
+
+```shell
+sudo pacman -S base-devel
+```
+
+Sau đó clone package từ link của AUR về, ở đây mình ví dụ là yay (
+
+```shell
+git clone https://aur.archlinux.org/yay.git`
+cd yay
+makepkg -si
+```
+
+Vậy là xong rồi đó :D, quá đơn giản phải không nào, package này sẽ có thể dễ dàng quản lý được bằng pacman như một package thông thường, tuy nhiên pacman sẽ không thể cập nhật những package trong AUR được, nếu muốn bạn phải theo dõi và cập nhật bằng tay bằng cách làm lại các bước trên. Để khắc phục sự bất tiện này, chúng ta cần sự trợ giúp từ các AUR helpers, và ở đây mình sẽ dùng yay.
+
+## yay (Yet another Yogurt)
+
+Như đã nói ở trên, việc cài đặt package từ AUR có thể nói là rất đơn giản, qua 3 bước chính; tuy nhiên lại không tự cập nhật,... được. Vì vậy mình giới thiệu đến các bạn yay, với yay, việc cài đặt package từ AUR chỉ cần 1 lệnh y chang pacman thôi :v (vì yay là một trong những Pacman wrappers mà :D), và quá trình cài chỉ khác một chút là có thêm bước build package nên lâu hơn thông thường mà thôi. Hơn nữa yay là 'tinh hoa tổng hợp' từ yaourt, apacman và pacaur (những cái tên khá là 'cộm cán' nếu bạn biết đến chúng :v, dù yaourt đã bị 'chết', bởi vậy yay mới là sự thay thế cho nó).
+
+Không dài dòng nữa, bên trên đã là cách cài đặt yay rồi nên mình không giới thiệu nữa :v
+
+Và cách sử dụng... Hmm, vì yay có cú pháp giống pacman nên cũng khỏi giới thiệu luôn :v, muốn cài package X cứ `yay -S X` thôi :v, và các tùy chọn sau thì bạn cứ xem thử nó báo gì rồi chọn, nếu lười thì cứ Enter mãi thôi, 9/10 là bạn sẽ cài được package :v
+
+À, tip nhỏ, đó là để cập nhật hệ thống bạn chỉ cần dùng lệnh `yay` thôi (nó sẽ thay cho `yay -Syyu`, giống với `sudo pacman -Syyu` luôn đó :v), vì vậy không cần phức tạp, cứ `yay` thôi :D
diff --git a/content/posts/2020-04-14-config-cinnamon.md b/content/posts/2020-04-14-config-cinnamon.md
new file mode 100644
index 0000000..7479c5c
--- /dev/null
+++ b/content/posts/2020-04-14-config-cinnamon.md
@@ -0,0 +1,79 @@
++++
+draft = false
+date = 2020-04-14T07:00:00+07:00
+title = "Tinh chỉnh Cinnamon trong Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Cinnamon"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Nhìn sơ thì cũng thấy Cinnamon khi bạn cài đặt Linux Mint thì đẹp hơn nhiều so với cái mà bạn vừa cài đặt, ôi thôi, nó 'chuối ơi là chuối' luôn. Vì vậy chúng ta sẽ làm cho nó được như trong Mint nha !😀
+
+## Slick-greeter
+
+Đây là greeter của LightDM trong Mint (mặc định khi cài Arch là GTK+ Greeter). Để cài đặt bạn chạy lệnh sau:
+
+```shell
+yay -S lightdm-slick-greeter
+```
+
+Và cài thêm cái này để tinh chỉnh bằng giao diện (GUI), không thì mình vẫn có thể 'chơi' với mấy file .conf thôi :v
+
+```shell
+yay -S lightdm-settings
+```
+
+Sửa file /etc/lightdm/lightdm.conf như sau:
+Ở dưới mục `[Seat:*]` tìm dòng `greeter-session=example-gtk-gnome`, uncomment và sửa thành `greeter-session=lightdm-slick-greeter`
+
+## Themes và icons
+
+Ban đầu thì Cinnamon dùng Adwaita của Gnome, nhìn khá là thô sơ, giờ chúng ta cài thêm Theme và Icon của Mint vào:
+
+```shell
+yay -S mint-themes mint-x-icons mint-y-icons
+```
+
+Sau đó vào Settings để đổi theme với icon trong mục Appearance -> Themes nhé!
+
+## Âm thanh
+
+Ban đầu thì chưa có hiệu ứng âm thanh ánh sáng gì hết trơn ấy, mình thêm vào bằng các package như sau:
+
+```shell
+yay -S cinnamon-sound-effects mint-sounds
+```
+
+Chỉnh lại trong Settings mục Hardware -> Sound tab Sounds để dùng nhé!
+(Nếu không có tác dụng thì bạn thử restart lại cinnamon nha)
+
+## Phần mềm cần thiết
+
+Khi mới cài hầu như Cinnamon không có gì dùng hết :/, nên mình mới khuyên cài group gnome trước đã rồi hãy cài Cinnamon, mấy cái cần thiết thì như là Screenshot, Terminal, Software:
+
+```shell
+yay -S gnome-screenshot gnome-terminal gnome-software
+```
+
+, cơ mà cái gnome thì ‘tặng kèm’ kha khá phần mềm khác nữa :v, mà tiêu chí của Arch là ‘Keep It Simple’ nên nếu không cài gnome thì cũng chẳng sao cả, cứ cài cái gì cần thiết thôi.
+
+Đó là điều hơi buồn của cinnamon trên Arch, bởi vì các DE khác thì thường có gói extra đi kèm: `deepin` có `deepin-extra`, `gnome` có `gnome-extra`, `mate` có `mate-extra`,... đến cả thằng em được mệnh danh là 'gọn nhẹ' `xfce4` mà cũng có `xfce4-goodies` nữa.;còn `cinnamon` thì chưa. Nhưng mà nếu cần combo của Cinnamon ư? Thì mình nghĩ cài nhiêu đây là cơ bản rồi:
+
+```shell
+yay -S xed xviewer xreader xplayer pix blueberry
+```
+
+## Nemo-fileroller
+
+Đây là package giúp cho bạn có tùy chọn “extract here” trong nemo. Để cài đặt:
+
+```shell
+yay -S nemo-fileroller
+```
+
+Sau đó restart nemo: `nemo -q`
+
+Đây chỉ là cài cho giống Mint thôi, còn để làm Arch Cinnamon độc đáo hơn nữa, màu mè hơn nữa thì mình dành cho bài khác nha. Tạm biệt các bạn, hẹn gặp lại.
diff --git a/content/posts/2020-04-15-some-useful-software-for-arch.md b/content/posts/2020-04-15-some-useful-software-for-arch.md
new file mode 100644
index 0000000..86237e2
--- /dev/null
+++ b/content/posts/2020-04-15-some-useful-software-for-arch.md
@@ -0,0 +1,163 @@
++++
+draft = false
+date = 2020-04-15T07:00:00+07:00
+title = "Vài phần mềm thiết thực cho Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Bài viết này mình giới thiệu một số phần mềm có thể cần thiết (đối với mình – với vai trò là một sinh viên CNTT sử dụng Arch Linux)
+
+## Web Browser
+
+Web browser là một thành phần quan trọng phải không nào, để lướt Facebook hay để xem blog này cũng vậy :v. Mặc dù Edge đã xoắn ngôi Firefox để giành vị trí top 2 browser phổ biến, nhưng Edge chưa có bản cho linux, vì vậy có thể nói Chrome và Firefox vẫn là 2 browser phổ biến trong thế giới của chúng ta, để cài đặt:
+Chrome: `yay -S google-chrome`
+Firefox: `yay -S firefox`
+Ngoài ra còn có các browser khác như: Brave (`brave-bin`), Chromium (`chromium`), Opera (`opera`), Vivaldi (`vivaldi`),...
+Bạn xem thêm tại: nhé!
+
+## Bộ gõ tiếng Việt
+
+Từ lâu, bộ gõ tiếng Việt trên Linux đã là một nỗi đau :v, tuy nhiên gần đây mình tìm được một bộ gõ khá là Ok, đó là [ibus-bamboo](https://github.com/BambooEngine/ibus-bamboo). Chế độ gõ mặc định thì cũng hao hao giống `ibus-unikey` thôi, nhưng bằng việc chuyển chế độ gõ (shortcut là _Shift+~_) thì bạn có thể chuyển sang chế độ gõ khác cho từng phần mềm, có tận 7 chế độ, bạn có thể chuyển cho phù hợp. VD mình chọn chế độ 4. ForwardKeyEvent II để viết blog này đấy. Để cài đặt:
+
+```shell
+yay -S ibus-bamboo
+```
+
+Bạn vào Ibus Preference để thêm ibus-bamboo là một bộ gõ nhé, sau đó thêm command này vào Startup Application:
+
+```shell
+ibus-daemon -drx
+```
+
+để Ibus khởi chạy cùng hệ thống nha!
+
+## Phần mềm chụp màn hình
+
+Ngoài `gnome-screenshot` ra thì lúc trước mình có dùng shutter, chẳng may cái này ngừng phát triển rồi, mình cũng tìm được một cái khác thay thế là `flameshot`, cũng khá là tiện, bạn có thể chọn khung để chụp, điều chỉnh lại khung sau khi đã chọn,... Để cài đặt:
+
+```shell
+yay -S flameshot
+```
+
+## Office
+
+Hẳn phải cần đến một bộ Office để còn 'làm ăn' với văn bản, bảng tính hay trình chiếu các kiểu chứ. Mình thì thường dùng Libre Office, cài đặt cũng dễ thôi, Arch có 2 bản fresh và still, mình thì hay dùng fresh:
+
+```shell
+yay -S libreoffice-fresh
+```
+
+Ngoài Libre ra thì Arch còn có kha khá các bản Office khác cho bạn lựa chọn: Calligra (`calligra`), Only Office (`onlyoffice-bin`), Open Office (`openoffice`), Softmaker Office (`freeoffice`) và WPS Office (`wps-office`) cùng với những phần mềm 'rời', thay thế cho từng phần mềm trong các bộ office. Với LibreOffice thì ibus đã hoạt động khá mượt rồi, tuy nhiên với các bộ khác thì mình thấy phải thêm vào `/etc/profile` các dòng sau:
+
+```shell
+export GTK_IM_MODULE=ibus
+export XMODIFIERS=@im=ibus
+export QT_IM_MODULE=ibus
+```
+
+## Terminal
+
+Mặc định bạn có thể dùng gnome-terminal cũng được, nhưng mình hay dùng 2 terminal là terminator và guake, mình có hướng dẫn cài terminator ở bài hậu cài đặt rồi, nên giờ cài thêm Guake thôi:
+
+```shell
+yay -S guake
+```
+
+Guake giúp bạn có thể mở nhanh terminal bằng shortcut F12, tinh chỉnh để terminal tự ẩn, tự chạy cùng hệ thống,… rất tiện
+
+## Nhắn tin tiện lợi hơn
+
+Việc nhắn tin 'all-in-one' rất dễ với Rambox, Rambox giúp chúng ta có thể nhắn tin Messenger, Skype, Telegram... thậm chí cả quản lý email như Gmail, Outlook,... Để cài đặt:
+
+```shell
+yay -S rambox-bin
+```
+
+## Quản lý clipboard
+
+Khi bạn... copy code :v rất nhiều và paste một lượt? Bạn không muốn chuyển tab copy xong paste từng đợt? Đó là lúc bạn cần đến một phần mềm để quản lý clipboard, ở đây mình dùng CopyQ:
+
+```shell
+yay -S copyq
+```
+
+## Cloud sync
+
+Tin buồn là 2 cloud lớn với sinh viên là Google Drive và Onedrive (dùng mail sinh viên thì có Google Drive unlimit, còn Onedrive thì cho 5TB) thì không hỗ trợ linux một cách chính thức, có nhiều cách thay thế nhưng thay thế thì ai đảm bảo đâu, nên mình không dùng. Mình dùng Dropbox:
+
+```shell
+yay -S dropbox
+```
+
+Ngoài ra thì cũng có nhiều host hỗ trợ linux lắm, như MEGA (`megasync`), Nextcloud (`nextclout-client` nếu bạn dùng host của người ta),...
+Bạn có thể tham khảo một số host khác được đề cập tại đây:
+
+
+## Tools lập trình
+
+Mình đang thử làm quen với NeoVim:
+
+```shell
+yay -S neovim
+```
+
+Nhưng trước khi quen được thì VScode vẫn là editor mình đang dùng.
+VScode: editor mình ưng ý nhất hiện tại:
+
+```shell
+yay -S visual-studio-code-bin
+```
+
+## Teamviewer
+
+Teamviewer – kết nối từ xa cho mọi nhà :v
+
+```shell
+yay -S teamviewer
+```
+
+Các bạn nhớ enable teamviewerd service để kết nối được nha:
+
+```shell
+sudo systemctl enable teamviewerd
+```
+
+rồi restart mới dùng được
+
+## Phần mềm compare file
+
+```shell
+yay -S meld
+```
+
+## Phần mềm ảo hóa để chạy máy ảo
+
+Khi cài nhóm gnome thì bạn đã có sẵn gnome-boxes rồi, tuy nhiên thì mình vẫn thấy VirtualBox là nhất trên Linux :v Lưu ý là bạn cần cài thêm linux-headers (nếu bạn dùng kernel mặc định của Arch) để mà cài dkms nhé!
+
+```shell
+yay -S linux-headers
+yay -S virtualbox
+```
+
+## Phần mềm dọn dẹp rác
+
+Từ lâu BleachBit đã nổi danh sánh vai với Ccleaner trên Windows :). Để cài đặt:
+
+```shell
+yay -S bleachbit
+```
+
+## Phần mềm quản lý download
+
+Uget không bằng được Internet Download Manager (IDM) thần thánh trên Windows, nên dùng đỡ nhé, sẵn cài thêm plugin `aria2` luôn:
+
+```shell
+yay -S uget aria2
+```
+
+Nếu có phần mềm gì hay mình sẽ cập nhật thêm cũng tại bài viết này luôn nhé! Hẹn gặp lại.
diff --git a/content/posts/2020-04-16-zsh-and-antibody.md b/content/posts/2020-04-16-zsh-and-antibody.md
new file mode 100644
index 0000000..4c61cc3
--- /dev/null
+++ b/content/posts/2020-04-16-zsh-and-antibody.md
@@ -0,0 +1,122 @@
++++
+draft = false
+date = 2020-04-16T07:00:00+07:00
+title = "Zsh và Antibody"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Zsh", "Antibody"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Bài viết này mình giới thiệu về zsh, một shell khác với bash, với khả năng tùy biến rất cao, hỗ trợ rất nhiều, nhất là với những bạn hay dùng lệnh.
+
+## Cài đặt zsh và đặt làm shell mặc định
+
+Cài đặt zsh:
+
+```shell
+yay -S zsh
+```
+
+Đặt zsh là shell mặc định:
+
+```shell
+chsh -s /bin/bash/zsh
+```
+
+## Tùy biến zsh
+
+Mặc định thì zsh cũng chỉ là shell bình thường như bash thôi, nhưng tùy biến rồi thì nó thành 'siêu shell' :v
+
+Là dân pro thì bạn có thể tự tùy chỉnh bằng tay, bằng code để tùy biến zsh theo ý thích. Nhưng mình thì không được như vậy, nên mình sẽ giới thiệu đến các bạn framework oh-my-zsh khá nổi tiếng và plugin manager antibody. Ngày trước thì có antigen, nhưng mình thấy antigen đã không còn được phát triển nữa, thay vào đó là antibody, được so sánh với hiệu năng tốt hơn (mặc dù mình thấy việc tích hợp ohmyzsh vào antibody có phần khập khiễng hơn so với antigen). Các bạn có thể xem thông tin thêm tại trang chủ của mấy cái trên nha:
+
+-
+-
+-
+
+Để cài antibody cho Arch:
+
+```shell
+yay -S antibody
+```
+
+(cái này có ghi trong trang chủ luôn rồi^^, đảm bảo nguồn)
+
+Tùy biến antibody: Ở đây mình hướng dẫn cơ bản thôi, zsh thì có file `~/.zshrc` là file source cũng như `~/.bashrc` của bash vậy đó. Nhưng antibody thì khuyến khích viết các plugin ở một file khác, vd như `~./.zsh_plugins.txt`, sau đó thì load antibody bằng 2 cách: tĩnh hoặc động.
+Sau đây là ví dụ về file `~./.zsh_plugins.txt` của mình:
+
+```shell
+robbyrussell/oh-my-zsh
+
+robbyrussell/oh-my-zsh path:plugins/archlinux
+robbyrussell/oh-my-zsh path:plugins/colored-man-pages
+robbyrussell/oh-my-zsh path:plugins/colorize
+robbyrussell/oh-my-zsh path:plugins/command-not-found
+robbyrussell/oh-my-zsh path:plugins/common-aliases
+robbyrussell/oh-my-zsh path:plugins/extract
+robbyrussell/oh-my-zsh path:plugins/git
+robbyrussell/oh-my-zsh path:plugins/git-extras
+robbyrussell/oh-my-zsh path:plugins/github
+robbyrussell/oh-my-zsh path:plugins/golang
+robbyrussell/oh-my-zsh path:plugins/heroku
+robbyrussell/oh-my-zsh path:plugins/history
+robbyrussell/oh-my-zsh path:plugins/node
+robbyrussell/oh-my-zsh path:plugins/npm
+robbyrussell/oh-my-zsh path:plugins/pip
+robbyrussell/oh-my-zsh path:plugins/python
+robbyrussell/oh-my-zsh path:plugins/screen
+robbyrussell/oh-my-zsh path:plugins/sudo
+robbyrussell/oh-my-zsh path:plugins/systemd
+robbyrussell/oh-my-zsh path:plugins/thefuck
+robbyrussell/oh-my-zsh path:plugins/vscode
+robbyrussell/oh-my-zsh path:plugins/web-search
+robbyrussell/oh-my-zsh path:plugins/yarn
+robbyrussell/oh-my-zsh path:plugins/z
+
+desyncr/auto-ls
+djui/alias-tips
+mafredri/zsh-async
+srijanshetty/node.plugin.zsh
+srijanshetty/zsh-pip-completion
+voronkovich/mysql.plugin.zsh
+wuotr/zsh-plugin-vscode
+zlsun/solarized-man
+zpm-zsh/ls
+zpm-zsh/ssh
+zsh-users/zsh-completions
+zsh-users/zsh-autosuggestions
+zsh-users/zsh-syntax-highlighting
+zsh-users/zsh-history-substring-search
+
+robbyrussell/oh-my-zsh path:themes/candy.zsh-theme
+```
+
+Này chỉ là ví dụ thôi, một vài plugin bạn phải cài thêm tool mới dùng được nha. Rồi, tới phần load. Nôm na thì load tĩnh là bạn chạy antibody thành một file `config.sh`.
+
+VD: `antibody bundle < ~/.zsh_plugins.txt > ~/.zsh_plugins.sh`
+
+Sau đó trong file `~/.zshrc` bạn chỉ cần thêm dòng: `source ~/.zsh_plugins.sh` là được.
+
+Cách này nhanh hơn load động, tuy nhiên load tĩnh không tự cập nhật plugin khi có bản cập nhật. Vì vậy mình dùng load động, mình thấy chậm hơn chẳng bao nhiêu (mà vẫn nhanh hơn antigen), nhưng được cập nhật thường xuyên (mỗi lần chạy là mỗi lần check cập nhật đó). Chỉ cần load trong file `~/.zshrc` như sau là được:
+
+```shell
+export ZSH="$(antibody home)/https-COLON--SLASH--SLASH-github.com-SLASH-robbyrussell-SLASH-oh-my-zsh"
+
+source <(antibody init)
+antibody bundle < ~/.zsh_plugins.txt
+```
+
+Do mình dùng Oh-My-Zsh mà antibody không hiểu được nên mới cần dòng đâu tiên, antigen thì chỉ cần dùng `antigen use oh-my-zsh` thôi, với lại load plugin của oh-my-zsh trong antibody cũng phiền phức hơn nhiều :/ vì ghi quá trời dòng (này mình không biết cách khác, tại lười thử, với dùng multi edit của vscode sửa cũng nhanh, nên khỏi tốn chất xám mắc công :v)
+
+Nếu bạn không rành, và cũng chẳng muốn tùy biến thì có thể dùng package grml-zsh-config của Arch:
+
+```shell
+yay -S grml-zsh-config
+```
+
+Package này sẽ tùy biến zsh của bạn như y chang trong bộ cài bạn dùng để cài Arch vậy.
+Tuy nhiên nếu bạn muốn tùy biến thì nên gỡ nó ra, vì nó conflict với vụ dùng theme đấy, có thể chỉnh được mà phiền, nên gỡ quách nó ra cho xong :v
+
+Tạm biệt các bạn, hẹn gặp lại ở bài viết sau nhé!^^
diff --git a/content/posts/2020-04-17-some-trouble.md b/content/posts/2020-04-17-some-trouble.md
new file mode 100644
index 0000000..571101f
--- /dev/null
+++ b/content/posts/2020-04-17-some-trouble.md
@@ -0,0 +1,31 @@
++++
+draft = false
+date = 2020-04-17T07:00:00+07:00
+title = "Một số vấn đề gặp phải"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Trouble"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Đây là bài viết tổng hợp một số vấn đề mình gặp phải và cách giải quyết, đây là những cách mà mình làm thì nó hoạt động nên ở mức độ "just work", mình không đảm bảo là nếu bạn gặp tình huống như mình thì sẽ được. Bài viết sẽ được cập nhật lại trong quá trình sử dụng của mình nhé!
+
+#### Arch Cinnamon không tắt màn hình sau thời gian đã định
+
+Bạn thử cài đặt gói `light-locker` xem:
+
+```shell
+yay -S light-locker
+```
+
+#### Không play được file .mp4 trong Totem và các player khác base-on Totem
+
+Thường thì lỗi này do các bạn thiếu codec cho file này, để cài đặt:
+
+```shell
+yay -S gst-libav
+```
+
+Hẹn gặp lại các bạn trong các bài viết khác nha!
diff --git a/content/posts/2020-04-18-some-tweaks-for-firefox.md b/content/posts/2020-04-18-some-tweaks-for-firefox.md
new file mode 100644
index 0000000..f2a3384
--- /dev/null
+++ b/content/posts/2020-04-18-some-tweaks-for-firefox.md
@@ -0,0 +1,50 @@
++++
+draft = false
+date = 2020-04-18T07:00:00+07:00
+title = "Tweaks nho nhỏ cho Firefox"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Firefox"]
+categories = []
+externalLink = ""
+series = []
++++
+
+## Cache on RAM
+
+Mặc định thì Firefox sẽ lưu cache trong cả RAM và đĩa, khi lưu trên RAM sẽ giúp cho truy xuất cache nhanh hơn, đồng thời giảm số lần ghi đĩa (đặc biệt tốt cho SSD nhé) thì làm như sau:
+Gõ vào đường dẫn url của firefox: `about:config`
+Đặt `browser.cache.disk.enable` thành `false`
+Đảm bảo `browser.cache.memory.enable` là `true`
+Bạn cũng có thể chỉnh lượng RAM mà Firefox sẽ dùng để lưu cache trong mục `browser.cache.memory.capacity`, để mặc định là -1 Firefox sẽ tự động lựa chọn dung lượng.
+
+## Tắt Pocket
+
+Pocket mặc định đi kèm Firefox nhưng mình chả mấy sử dụng, nên tắt thôi :D, cũng trong `about:config` ở trên, tìm `extensions.pocket.enabled` và đặt thành false thôi !😀
+
+## Cache toàn bộ profile vào RAM qua tmpfs
+
+**Bạn cần đảm bảo có đủ cache để mount profile nhé, không thì sẽ gặp lỗi hết bộ nhớ đó!**
+
+Mặc định thì tmpfs (service `tmp.mount`) khởi chạy mặc định rồi, để tận dụng hơn việc mount /tmp qua ram, thì ta có thể cache toàn bộ profile của Firefox vào RAM qua tmpfs luôn. Đầu tiên, cài đặt Profile-sync-daemon:
+
+```shell
+yay -S profile-sync-daemon
+```
+
+Sau đó sửa file `~/.config/psd/psd.conf` lại, thêm firefox vào list BROWSERS, VD:
+
+```shell
+BROWSERS=”firefox”
+```
+
+Profile-sync-daemon còn hỗ trợ google-chrome, bạn có thể xem thêm ngay trong file ấy, vì vậy có thể thêm browsers bạn dùng vào list trên
+Khởi chạy Profile-sync-daemon cùng hệ thống:
+
+```shell
+systemctl --user enable psd.service
+```
+
+Vậy là xong rồi, các bạn có thể tham khảo thêm nhiều tweaks khác tại:
+
+Hẹn gặp lại trong các bài viết khác nhé!
diff --git a/content/posts/2020-04-19-use-audio-output-as-input.md b/content/posts/2020-04-19-use-audio-output-as-input.md
new file mode 100644
index 0000000..83e5af7
--- /dev/null
+++ b/content/posts/2020-04-19-use-audio-output-as-input.md
@@ -0,0 +1,21 @@
++++
+draft = false
+date = 2020-04-19T07:00:00+07:00
+title = "Dùng audio output làm input"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Tips"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Khi bạn... gọi cho gấu qua mạng, và muốn có một bản nhạc tình làm nền (cho lãng mạn :v)... Đây là một tips khá hữu ích !😀
+
+Cài đặt pavucontrol:
+
+```shell
+yay -S pavucontrol
+```
+
+Sau đó bạn gọi cho gấu :v, mở `pavucontrol` lên, bằng menu hoặc command như trên, chọn qua tab Recording, tại input của phần mềm bạn chọn để gọi và chuyển thành 'Monitor of Built-in Audio Analog Stereo'. Vậy là xong rồi :D, hẹn gặp lại các bạn trong các bài viết khác.
diff --git a/content/posts/2020-04-20-auto-trim-ssd.md b/content/posts/2020-04-20-auto-trim-ssd.md
new file mode 100644
index 0000000..537066a
--- /dev/null
+++ b/content/posts/2020-04-20-auto-trim-ssd.md
@@ -0,0 +1,21 @@
++++
+draft = false
+date = 2020-04-20T07:00:00+07:00
+title = "Auto TRIM SSD"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "SSD"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Package `util-linux` cung cấp `fstrim.service` và `fstrim.timer` trong `systemd` rồi, nên để sử dụng bạn chỉ cần chạy `fstrim.timer` là đủ. Thực hiện như sau:
+
+```shell
+sudo systemctl enable fstrim.timer
+```
+
+Thời gian mặc định là 1 tuần
+
+Hẹn gặp lại!
diff --git a/content/posts/2020-04-29-youtube-downloader.md b/content/posts/2020-04-29-youtube-downloader.md
new file mode 100644
index 0000000..4a4ce4d
--- /dev/null
+++ b/content/posts/2020-04-29-youtube-downloader.md
@@ -0,0 +1,31 @@
++++
+draft = false
+date = 2020-04-29T07:00:00+07:00
+title = "Youtube Downloader cho Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Youtube"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Như tiêu đề thì mình sẽ giới thiệu với các bạn 2 công cụ mình thường dùng để tải video từ Youtube.
+
+## Youtube-dl
+
+Khá phổ biến đối với nhiều distro, với nhiều tùy biến câu lệnh, rất là 'professional', tuy nhiên mình thấy tốc độ tải khá là chậm do phần xử lý nó có phần rườm rà sao ấy. Nên thường mình chỉ dùng để download playlist thôi (kiểu paste một lần rồi mình đi code, đi xem phim gì đấy tí nó tự tải xong, mặc kệ nó :v). Để cài đặt:
+
+```shell
+yay -S youtube-dl
+```
+
+## Clipgrab
+
+Cái tên này nghe mới lạ hơn nên mình giới thiệu luôn. Phần mềm này thì có giao diện, tốc độ tải thì mình đánh giá là cao hơn youtube-dl (chắc đối với mình nó như thế). Để cài đặt:
+
+```shell
+yay -S clipgrab
+```
+
+Hẹn gặp lại các bạn trong bài viết khác.
diff --git a/content/posts/2020-04-30-make-cursor-on-login-screen-prettier.md b/content/posts/2020-04-30-make-cursor-on-login-screen-prettier.md
new file mode 100644
index 0000000..409c647
--- /dev/null
+++ b/content/posts/2020-04-30-make-cursor-on-login-screen-prettier.md
@@ -0,0 +1,17 @@
++++
+draft = false
+date = 2020-04-30T07:00:00+07:00
+title = "Làm con trỏ chuột trên màn hình đăng nhập đẹp hơn"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Cursor"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Như tiêu đề, để thay đổi con trỏ chuột trong màn hình đăng nhập, bạn sửa giá trị **Inherits** ở file `/usr/share/icons/default/index.theme`.
+
+Thông thường, nếu bạn muốn đặt con trỏ chuột giống với con trỏ bạn đang dùng, có thể tham khảo ở file `~/.icons/default/index.theme` nhé!
+
+Chúc các bạn thành công!
diff --git a/content/posts/2020-05-01-theme-for-grub.md b/content/posts/2020-05-01-theme-for-grub.md
new file mode 100644
index 0000000..9853798
--- /dev/null
+++ b/content/posts/2020-05-01-theme-for-grub.md
@@ -0,0 +1,33 @@
++++
+draft = false
+date = 2020-05-01T07:00:00+07:00
+title = "Theme cho GRUB"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "GRUB"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Bạn muốn có giao diện GRUB đẹp hơn? Hôm nay mình sẽ chia sẻ cách để tạo giao diện GRUB đẹp hơn một tí. Ở đây mình ví dụ là theme litarvan có sẵn trong repo của Arch:
+
+```shell
+yay -S grub-theme-vimix
+```
+
+Sau đó thêm dòng sau vào file `/etc/default/grub`:
+
+```shell
+GRUB_THEME=”/usr/share/grub/themes/Vimix/theme.txt”
+```
+
+Cập nhật grub và khởi động lại tận hưởng nào! 😀
+
+```shell
+grub-mkconfig -o /boot/grub/grub.cfg
+```
+
+Nếu bạn không thích theme này thì có thể tự tải theme hoặc tự tạo theme mình thích. Lưu ý là nên để ở thư mục nào đó mà hệ thống có thể truy cập được không cần quỵền người dùng nhé. VD `/usr/share` như trên.
+
+Chúc các bạn có được một GRUB thật đẹp nhé! Hẹn gặp lại.
diff --git a/content/posts/2020-05-02-numlock-when-startup-with-lightdm.md b/content/posts/2020-05-02-numlock-when-startup-with-lightdm.md
new file mode 100644
index 0000000..15ecb9d
--- /dev/null
+++ b/content/posts/2020-05-02-numlock-when-startup-with-lightdm.md
@@ -0,0 +1,26 @@
++++
+draft = false
+date = 2020-05-02T07:00:00+07:00
+title = "Kích hoạt Numlock khi khởi động với LightDM"
+description = ""
+slug = ""
+tags = []
+categories = []
+externalLink = ""
+series = []
++++
+
+Cài đặt numlockx:
+
+```shell
+yay -S numlockx
+```
+
+Mở file `/etc/lightdm/lightdm.conf`, thêm dòng như sau:
+
+```shell
+[Seat:*]
+greeter-setup-script=/usr/bin/numlockx on
+```
+
+Vậy là xong!!
diff --git a/content/posts/2020-05-03-splash-screen-for-arch.md b/content/posts/2020-05-03-splash-screen-for-arch.md
new file mode 100644
index 0000000..9d98506
--- /dev/null
+++ b/content/posts/2020-05-03-splash-screen-for-arch.md
@@ -0,0 +1,71 @@
++++
+draft = false
+date = 2020-05-03T07:00:00+07:00
+title = "Splash screen cho Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Plymouth"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Bài này mình sẽ hướng dẫn các bạn cài Plymouth làm Splash screen trên Arch Linux. Giống kiểu mấy chấm xoay xoay trên Windows, 5 chấm trắng trắng cam cam trên Ubuntu (mà nay bản 20.04 đổi rồi) hay vòng tròn quay quay trên Fedora vậy.
+
+**Note**: Mình chỉ hướng dẫn thôi chứ mình không còn dùng nữa. Vì mình cảm giác nó làm quá trình khởi động của mình chậm đi.
+
+## Đầu tiên cần cài đặt Plymouth
+
+```shell
+yay -S plymouth
+```
+
+Chỉnh sửa file `/etc/mkinitcpio.conf`: Thêm plymouth vào sau base và udev trong dòng HOOKS. VD như sau:
+
+```shell
+HOOKS=(base udev plymouth ...)
+```
+
+Trong file /etc/default/grub, sửa lại kernel parameters lại như sau:
+
+```shell
+GRUB_CMDLINE_LINUX_DEFAULT=”quiet splash loglevel=3 rd.udev.log_priority=3 vt.global_cursor_default=0″
+```
+
+Sau đó cập nhật lại grub nhé!
+
+Trên đó chỉ là ví dụ thôi, bạn có thể xem thêm về Silent Boot tại đây:
+
+Khởi tạo lại initramfs:
+
+```shell
+sudo mkinitcpio -P
+```
+
+## Sau đó cài đặt theme
+
+Trong AUR cũng có nhiều theme lắm rồi, bạn cũng có thể tự tìm thêm nguồn ngoài như trên GitHub... Sau đó copy vào folder `/usr/share/plymouth/themes`.
+
+Liệt kê theme có trong máy:
+
+```shell
+plymouth-set-default-theme -l
+```
+
+Mặc định khi cài plymouth sẽ có các theme sau:
+
+```shell
+details glow solar spinner tribar fade-in script spinfinity text
+```
+
+Đổi theme, ví dụ là script:
+
+```shell
+plymouth-set-default-theme -R script
+```
+
+Để làm cho Plymouth xuất hiện sớm hơn, sửa file `/etc/plymouth/plymouthd.conf`, đổi `ShowDelay=5` thừ 5 thành 0 nhé!
+
+Để transition mượt hơn, đổi display manager của bạn lại, Vd thay vì dùng `lightdm` thì dùng `lightdm-plymouth` nhé!
+
+Có một vài tinh chỉnh dành cho các bạn dùng encrypt, nhưng mình nghĩ ở đây cũng không mấy bạn dùng nên không giới thiệu nhé. Nếu bạn cần, có thể inbox fanpage của mình nha! Hẹn gặp lại.
diff --git a/content/posts/2020-05-04-play-game-with-steam-in-arch.md b/content/posts/2020-05-04-play-game-with-steam-in-arch.md
new file mode 100644
index 0000000..346d9ef
--- /dev/null
+++ b/content/posts/2020-05-04-play-game-with-steam-in-arch.md
@@ -0,0 +1,66 @@
++++
+draft = false
+date = 2020-05-04T10:55:15+07:00
+title = "Chơi game với Steam trên Archlinux"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Game", "Steam"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Có thể nói Steam là một nền tảng hiếm hoi ưu ái cho Linux, trong khi hầu hết các nền tảng khác không hỗ trợ Linux thì Steam có hẳn một OS riêng dựa trên Linux cho gamer, đó là SteamOS; ngoài ra còn hỗ trợ chính thức cho Ubuntu. Hơn nữa, nhiều tựa game đã làm nên tên tuổi Steam như Dota 2, CS:GO,... Mới đây thì có tựa game khá hay mình cũng có thử (và nghiện) đó là Dota Underlords (nhưng mà quyết tâm cai rồi nha^^). Hiện tại thì mình chỉ chơi game nông trại vui vui là Farm Together cùng với gấu yêu thôi :v. Nói tóm lại là nếu không nói đến các game native (mà đa phần khá là 'chuối', thiếu cuốn hút) thì Steam là nền tảng chơi game tốt nhất hiện nay cho Linux.
+
+## Kích hoạt multi-lib
+
+Để cài đặt Steam thì trước hết ta cần kích hoạt repo `multi-lib` cho Arch, repo này chứa các thư viện 32bit, nhằm để phục vụ cho các nền tảng như Steam hay Wine. Để kích hoạt repo này, ta mở file `/etc/pacman.conf`, và uncomment 2 dòng sau:
+
+```shell
+[multilib]
+Include = /etc/pacman.d/mirrorlist
+```
+
+Sau đó cập nhật lại hệ thống:
+
+```shell
+yay (hoặc sudo pacman -Syyu)
+```
+
+## Cài Steam
+
+Và thế là có thể cài steam được rồi:
+
+```shell
+yay -S steam
+```
+
+## Chọn card màn hình rời để chơi game
+
+Thông thường thì dùng Linux cho laptop thì chắc chẳng ai quan tâm card màn hình rời nữa (cơ mà cài Linux mà chơi game là thấy cũng 'lạ' rồi :v). Tuy nhiên bạn vẫn có thể setting để chơi game sử dụng card màn hình rời trên Steam bằng cách đặt Lauch Option cho game như sau:
+
+```shell
+DRI_PRIME=1 %command%
+```
+
+## Tip nhỏ để cải thiện hiệu năng khi chơi game
+
+Bạn có thể cài thêm gamemode để tool tinh chỉnh cấu hình hệ thống của bạn khi chơi game:
+
+```shell
+yay -S gamemode
+```
+
+Sau đó khởi chạy service gamemoded:
+
+```shell
+systemctl start gamemoded --user
+```
+
+Để sử dụng, thì bạn đặt Lauch Option cho game như sau:
+
+```shell
+gamemoderun %command%
+```
+
+Vậy là cuối cùng ta có thể mở game và chiến thôi!!!
diff --git a/content/posts/2020-05-06-improve-makepkg-speed.md b/content/posts/2020-05-06-improve-makepkg-speed.md
new file mode 100644
index 0000000..0d91475
--- /dev/null
+++ b/content/posts/2020-05-06-improve-makepkg-speed.md
@@ -0,0 +1,40 @@
++++
+draft = false
+date = 2020-05-05T07:00:00+07:00
+title = "Tăng tốc độ makepkg"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "AUR"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Bài viết mình sẽ giới thiệu cách tinh chỉnh để quá trình build file từ AUR được nhanh hơn. Tuy nhiên cái lợi cũng có cái nguy cơ đi kèm, có khả năng là bạn sẽ gặp phải một lỗi gì đó, ở đâu đấy trong vài trường hợp :v
+
+Để nhanh gọn, tránh dài dòng, mình sẽ hướng dẫn các bạn kiểu 'mì ăn liền' luôn nha!
+
+Cài đặt một số package cần thiết:
+
+```shell
+yay -S ccache lzop xz pigz pbzip2 zstd
+```
+
+Sau đó mở file `/etc/makepkg.conf`, tìm kiếm các chữ IN HOA, và sửa lại giống với dưới đây:
+
+```shell
+CFLAGS="-march=native -O2 -pipe -fstack-protector-strong -fno-plt"
+CXXFLAGS="${CFLAGS}"
+BUILDDIR=/tmp/makepkg
+PKGEXT='.pkg.tar.lzo'
+COMPRESSXZ=(xz -c -z - --threads=0)
+COMPRESSGZ=(pigz -c -f -n)
+COMPRESSBZ2=(pbzip2 -c -f)
+COMPRESSZST=(zstd -c -z -q - --threads=0)
+BUILDENV=(!distcc color ccache check !sign)
+MAKEFLAGS="-j$(nproc)"
+```
+
+Tham khảo tại :
+
+Chúc các bạn thành công!
diff --git a/content/posts/2020-05-07-long-life-battery.md b/content/posts/2020-05-07-long-life-battery.md
new file mode 100644
index 0000000..544f171
--- /dev/null
+++ b/content/posts/2020-05-07-long-life-battery.md
@@ -0,0 +1,41 @@
++++
+draft = false
+date = 2020-05-07T07:00:00+07:00
+title = "Giúp pin 'sống' lâu hơn"
+description = ""
+slug = ""
+tags = []
+categories = []
+externalLink = ""
+series = []
++++
+
+#### Cài đặt TLP
+
+```shell
+yay -S tlp tlp-rdw
+```
+
+Vì mình sử dụng laptop ThinkPad, hơn nữa là dòng mới, nên mình cài thêm 2 package sau:
+
+```shell
+yay -S acpi_call-dkms tpacpi-bat
+```
+
+Khởi chạy tlp khi khởi động:
+
+```shell
+systemctl enable tlp-sleep.service
+```
+
+Vài cài đặt được khuyên dùng khác:
+
+```shell
+systemctl enable NetworkManager-dispatcher.service
+systemctl mask systemd-rfkill.service
+systemctl mask systemd-rfkill.socket
+```
+
+Vài tool khác cũng thiết thực không kém, bạn nên tìm hiểu thêm như `cpupower` và `thermald`.
+
+Vậy là xong. Hẹn gặp lại!
diff --git a/content/posts/2020-05-08-systemd-swap.md b/content/posts/2020-05-08-systemd-swap.md
new file mode 100644
index 0000000..32bf63e
--- /dev/null
+++ b/content/posts/2020-05-08-systemd-swap.md
@@ -0,0 +1,31 @@
++++
+draft = false
+date = 2020-05-08T07:00:00+07:00
+title = "systemd-swap"
+description = ""
+slug = ""
+tags = ["Arch", "Linux", "Systemd"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Đây là một service nhằm tạo ra swap động theo thời gian. Khởi tạo ban đầu chỉ có 512MiB thôi, nhưng sẽ tăng lên một cách **tự động** khi bạn sử dụng. Cài đặt như sau:
+
+```shell
+yay -S systemd-swap
+```
+
+Trong file `/etc/systemd/swap.conf` cài đặt như sau:
+
+```shell
+swapfc_enabled=1
+```
+
+Sau đó enable service systemd-swap:
+
+```shell
+sudo systemctl enable systemd-swap
+```
+
+Vậy là xong!!!
diff --git a/content/posts/2020-05-09-run-app-need-gui-in-docker.md b/content/posts/2020-05-09-run-app-need-gui-in-docker.md
new file mode 100644
index 0000000..60c2217
--- /dev/null
+++ b/content/posts/2020-05-09-run-app-need-gui-in-docker.md
@@ -0,0 +1,29 @@
++++
+draft = false
+date = 2020-05-09T07:00:00+07:00
+title = "Chạy các app cần GUI trong Docker"
+description = ""
+slug = ""
+tags = ["Linux", "Docker"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Trường hợp của mình là mình lập trình app Python có sử dụng thư viện `matplotlib`. Để mình có thể sử dụng được giao diện thì mình cài đặt xhost trong host Arch trước:
+
+```shell
+yay -S xorg-xhost
+```
+
+`xhost local:root` hoặc `xhost +` (cái này mình không rõ, nó cho phép hết tất cả truy cập vào màn hình luôn, còn phân chia cho từng app cụ thế thì mình không biết)
+
+Sau đó chạy Docker với tham số bổ sung là `–env="DISPLAY"`. VD:
+
+```shell
+docker run -it –rm –net=host –env="DISPLAY" –workdir=/workspace –volume="$HOME/Dropbox/PP:/workspace:rw" ubuntu bash
+```
+
+Sau đó trong Docker, mình cài thêm gói `python3-pip` nữa.
+
+Chúc các bạn thành công!!
diff --git a/content/posts/2020-05-13-cannot-access-router-login-page.md b/content/posts/2020-05-13-cannot-access-router-login-page.md
new file mode 100644
index 0000000..845a644
--- /dev/null
+++ b/content/posts/2020-05-13-cannot-access-router-login-page.md
@@ -0,0 +1,24 @@
++++
+draft = false
+date = 2020-05-13T07:00:00+07:00
+title = "Không vào được trang đăng nhập của router (VD: Inet Center)"
+description = ""
+slug = ""
+tags = []
+categories = []
+externalLink = ""
+series = []
++++
+
+Hiện tại mình đang ở KTX khu A của ĐHQG TpHCM, mình sử dụng mạng của Inet Center, sau khi xuống KTX thì mình mua thẻ nhưng không vào được trang đăng nhập nữa, nên không dùng internet được. Nó bị lỗi `ERR_CONNECTION_REFUSED`. Mình sẽ chỉ bạn cách giải quyết trong trường hợp của mình.
+
+Mình bị là do Docker chiếm IP của trang router . Để khắc phục chạy các lệnh sau:
+
+```shell
+sudo ip link set dev docker0 down
+sudo systemctl disable docker
+```
+
+Sau đó khởi động lại là được.
+
+Nói chung thì bạn đừng để service docker tự chạy, hãy chạy khi nào cần chạy docker thôi. Đó cũng là các để giảm thiểu các service không cần thiết chạy chiếm tài nguyên máy (như Windows :v)
diff --git a/content/posts/2020-05-14-connect-to-HCMUT01-wifi.md b/content/posts/2020-05-14-connect-to-HCMUT01-wifi.md
new file mode 100644
index 0000000..5e321cd
--- /dev/null
+++ b/content/posts/2020-05-14-connect-to-HCMUT01-wifi.md
@@ -0,0 +1,31 @@
++++
+draft = false
+date = 2020-05-14T07:00:00+07:00
+title = "Kết nối với wifi HCMUT01 của trường ĐH Bách Khoa trên Linux"
+description = ""
+slug = ""
+tags = ["Linux", "Wifi"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Trong Windows thì khi kết nối bạn đã có chỗ để đăng nhập username và password sẵn, giờ mình sẽ hướng dẫn trên linux.
+
+Bạn chọn các mục như sau:
+
+```shell
+Security: WPA & WPA Enterprise
+Authentication: Tunneled TLS
+Anonymous identity: (tên người dùng của bạn, tên này là tên bạn đăng nhập vào myBK ấy)
+Domain: hcmut.edu.vn
+CA cerificate: (None)
+CA certificate password: (Để trống)
+Show passwords: (không chọn)
+No CA certificate is required: (chọn)
+Inner authentication: PAP
+Username: (tên người dùng của bạn, giống với identity ở trên)
+Password: mật khẩu
+```
+
+Vậy là xong, sau đó thì bạn connect thôi. Chúc các bạn thành công.
diff --git a/content/posts/2020-05-20-battery-not-fully-charged.md b/content/posts/2020-05-20-battery-not-fully-charged.md
new file mode 100644
index 0000000..6f2aa7e
--- /dev/null
+++ b/content/posts/2020-05-20-battery-not-fully-charged.md
@@ -0,0 +1,55 @@
++++
+draft = false
+date = 2020-05-20T07:00:00+07:00
+title = "Pin không sạc đầy"
+description = ""
+slug = ""
+tags = ["Linux", "Battery"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Ở đây các bạn cần phân biệt với chai pin nhé!
+
+Chai pin là khi sạc đạt 100% nhưng nó không đạt được như thiết kế của nhà sản xuất, các bạn có thể chạy thử lệnh sau để kiểm tra nhé:
+
+```shell
+sudo tlp-stat -b
+```
+
+Ví dụ output hiện tại của mình như sau:
+
+```shell
+--- TLP 1.3.1 --------------------------------------------
++++ Battery Features: Charge Thresholds and Recalibrate
+natacpi = active (data, thresholds)
+tpacpi-bat = active (recalibrate)
+tp-smapi = inactive (ThinkPad not supported)
++++ ThinkPad Battery Status: BAT0 (Main / Internal)
+/sys/class/power_supply/BAT0/manufacturer = LGC
+/sys/class/power_supply/BAT0/model_name = 01AV463
+/sys/class/power_supply/BAT0/cycle_count = 90
+/sys/class/power_supply/BAT0/energy_full_design = 45000 [mWh]
+/sys/class/power_supply/BAT0/energy_full = 38280 [mWh]
+/sys/class/power_supply/BAT0/energy_now = 38280 [mWh]
+/sys/class/power_supply/BAT0/power_now = 0 [mW]
+/sys/class/power_supply/BAT0/status = Full
+/sys/class/power_supply/BAT0/charge_start_threshold = 96 [%]
+/sys/class/power_supply/BAT0/charge_stop_threshold = 96 [%]
+tpacpi-bat.BAT0.forceDischarge = 0
+Charge = 100.0 [%]
+Capacity = 85.1 [%]
+```
+
+Ở đây theo thiết kế thì pin của mình đạt 45000 mWh nhưng hiện tại khi sạc đến 100% thì chỉ được 38280 mWh thôi, ở phần dưới cùng tlp-stat có tổng kết lại cho mình là pin của mình đã chai đi khoảng 14.9% so với ban đầu rồi (mình thấy cũng bình thường thôi, tại mình dùng được 1 năm rồi, và thời gian cũng có chơi game nhiều, khá là nóng máy).
+
+Đó là chai pin, trường hợp của mình thì thấy vẫn ổn, nhưng nếu chai đến tận 90% rồi chẳng hạn thì chỉ có cách là thay pin mới khắc phục được thôi. Mà pin thiết kế ra là... cũng để chai thôi mà :v
+
+Sau đây là trường hợp mình muốn nói với các bạn: Pin chỉ sạc đến một khoảng nào đó rồi ngừng, không sạc tiếp. Trường hợp này nếu tầm 90-95% là bình thường, vì một số máy thiết kế chỉ đạt đến mức đó thôi là ngừng rồi. Tuy nhiên nếu chỉ tầm 60% hay 80% (trường hợp mình gặp là 79%) thì là "bất thường" rồi. Mình không biết nguyên nhân nhưng khắc phục như sau:
+
+```shell
+sudo tlp fullcharge
+```
+
+Chúc các bạn thành công và có một viên pin đi cùng chiếc máy :)))
diff --git a/content/posts/2020-06-06-chage-website.md b/content/posts/2020-06-06-chage-website.md
new file mode 100644
index 0000000..1d9d18b
--- /dev/null
+++ b/content/posts/2020-06-06-chage-website.md
@@ -0,0 +1,19 @@
++++
+draft = false
+date = 2020-06-06T07:00:00+07:00
+title = "Chuyển đổi website"
+description = ""
+slug = ""
+tags = ["Notice"]
+categories = []
+externalLink = ""
+series = []
++++
+
+**Note:** _(Dạo gần đây mình đã đi học lại, và cũng sấp mặt với deadline trên trường, nên hầu như chẳng viết lấy bài nào nữa, nhưng mà sau đợt này có lẽ mình sẽ có thêm "kha khá" kinh nghiệm để chia sẻ cùng các bạn :))))_
+
+Trước đây mình viết bài trên [trang Wordpress của mình](https://miti99.code.blog) nhưng dạo này mình vọc vạch để xây dựng trang web cho nhóm [BKFC-THPT Đức Hòa](https://www.facebook.com/bkfcduchoalongan/) của chúng mình thì mình thấy [Hugo](https://gohugo.io/) khá là hay, nên quyết định chuyển sang làm web trên Gitlab Pages, là trang này.
+
+Mong nhận được sự đồng hành từ các bạn. Thân ái!
+
+P.S: _Web của nhóm mình tại , mong các bạn ủng hộ ^^_
diff --git a/content/posts/2020-06-10-change-to-voidlinux.md b/content/posts/2020-06-10-change-to-voidlinux.md
new file mode 100644
index 0000000..c1ffaeb
--- /dev/null
+++ b/content/posts/2020-06-10-change-to-voidlinux.md
@@ -0,0 +1,18 @@
++++
+draft = true
+date = 2020-06-10T07:00:00+07:00
+title = "Chuyển sang Voidlinux"
+description = ""
+slug = ""
+tags = ["Void", "Linux"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Sau một thời gian sử dụng [Archlinux](https://www.archlinux.org/) cũng khá tâm huyết mình đang chuyển sang dùng thử [Voidlinux](https://voidlinux.org/) *(Người ta dùng thử trên máy ảo, còn mình máy thật :v)*. Tuy vậy, với vốn kiến thức thu được sau khoảng thời gian sử dụng Archlinux thì mình thấy khá thoải mái khi sử dụng Voidlinux.
+
+Mà bây giờ mình thấy sử dụng distro nào cũng không ảnh hưởng gì quá lớn đến các công cụ, miễn cài được là ok rồi :))) Vì vậy trong tương lai mình vẫn sẽ viết bài tiếp nhé (mặc dù sẽ thưa thớt, vì trường mình đã vào "mùa" bài tập lớn rồi :v)
+
+## Cập nhật 13/06/2020:
+Mình sẽ trở về với Archlinux vì... nhớ pacman và AUR :v
diff --git a/content/posts/2020-06-23-write-blog-with-hugo.md b/content/posts/2020-06-23-write-blog-with-hugo.md
new file mode 100644
index 0000000..a31f9b9
--- /dev/null
+++ b/content/posts/2020-06-23-write-blog-with-hugo.md
@@ -0,0 +1,55 @@
++++
+draft = false
+date = 2020-06-23T07:00:00+07:00
+title = "Viết blog với hugo"
+description = ""
+slug = ""
+tags = ["hugo", "blog"]
+categories = []
+externalLink = ""
+series = []
++++
+
+Như các bạn cũng biết, blog này của mình sử dụng hugo để tạo ra. Bài viết này mình sẽ hướng dẫn các bạn dùng hugo để tạo ra một static website tương tự.
+
+1. Đầu tiên cần cài đặt hugo:
+
+```shell
+yay -S hugo
+```
+
+2. Vào thư mục làm việc (working directory) của bạn, sử dụng hugo tạo thư mục chứa website mới. Ví dụ ở đây mình tạo thư mục `miti99`:
+
+```shell
+hugo new site miti99
+```
+
+Nếu bạn đã tạo một git và clone về và muốn tạo website trong thư mục đó, thì thêm đuôi `--force` vào nhé. Ví dụ:
+
+```shell
+hugo new site miti99 --force
+```
+
+3. Vào thư mục vừa tạo, tải theme cho trang web của bạn, các theme này bạn tìm tại website theme của hugo (). Ví dụ ở đây mình chọn theme [`Beautiful Hugo`](https://themes.gohugo.io/beautifulhugo/):
+
+```shell
+cd miti99
+git init # Nếu bạn dùng git clone website thì bỏ qua bước này
+git submodule add https://github.com/halogenica/beautifulhugo.git themes/beautifulhugo
+```
+
+Copy exampleSite để xem thử:
+
+```shell
+\cp -rf themes/beautifulhugo/exampleSite/* .
+```
+
+4. Chạy lệnh sau để xem thử website của bạn:
+
+```shell
+hugo server
+```
+
+5. Chỉnh sửa các file như `config.toml` và các file trong `content` (cùng các file các nếu bạn muốn tùy chỉnh) để có được website cho riêng mình. Nhớ tham khảo các file mẫu có sẵn để tận dụng tối đa các tính năng của theme bạn đã chọn nhé!
+
+Mình sẽ giới thiệu cách build và deploy website lên Gitlab Pages, Github Pages hoặc Firebase Hosting... trong một bài viết khác. Hẹn gặp các bạn sau!
diff --git a/content/posts/2020-06-26-comeback-to-ubuntu.md b/content/posts/2020-06-26-comeback-to-ubuntu.md
new file mode 100644
index 0000000..def93b7
--- /dev/null
+++ b/content/posts/2020-06-26-comeback-to-ubuntu.md
@@ -0,0 +1,15 @@
++++
+draft = true
+date = 2020-06-26T07:00:00+07:00
+title = "Trở lại với Ubuntu"
+description = ""
+slug = ""
+tags = []
+categories = []
+externalLink = ""
+series = []
++++
+
+Sau một khoảng thời gian học hỏi được khá nhiều điều về Linux khi sử dụng Archlinux, mình nghĩ đã đến lúc mình nên trở về với Ubuntu. Bớt vọc vạch để máy tính mình bớt căng... CPU vì mình :)))
+
+Với người dùng Linux thì việc chuyển đổi hệ điều hành chắc không cần giải thích chi nhiều đâu nhỉ :)))
diff --git a/content/posts/2020-06-27-things-to-do-after-install-ubuntu-2004.md b/content/posts/2020-06-27-things-to-do-after-install-ubuntu-2004.md
new file mode 100644
index 0000000..1485e8b
--- /dev/null
+++ b/content/posts/2020-06-27-things-to-do-after-install-ubuntu-2004.md
@@ -0,0 +1,130 @@
++++
+draft = true
+date = 2020-06-27T07:00:00+07:00
+title = "Những việc cần làm sau khi cài đặt Ubuntu 20.04"
+description = ""
+slug = ""
+tags = ["Ubuntu", "Linux"]
+categories = []
+externalLink = ""
+series = []
++++
+
+**Đây là bài viết tổng hợp những điều cơ bản mình đã làm sau khi cài lại Ubuntu 20.04**
+
+1. Cập nhật hệ thống
+
+```shell
+sudo apt update
+sudo apt upgrade
+```
+
+2. Cài đặt một số phần mềm cần thiết
+
+```shell
+sudo apt install gdebi
+```
+
+Các phần mềm mình đã cài với `gdebi` là:
+ - [Google Chrome](https://www.google.com/chrome/)
+ - [Visual Studio Code](https://code.visualstudio.com/)
+ - [Dropbox](https://www.dropbox.com/install)
+
+Một số phần mềm hay ho khác:
+
+ - Spotify:
+ ```shell
+ curl -sS https://download.spotify.com/debian/pubkey.gpg | sudo apt-key add -
+ echo "deb http://repository.spotify.com stable non-free" | sudo tee /etc/apt/sources.list.d/spotify.list
+ sudo apt-get update && sudo apt-get install spotify-client
+ ```
+
+3. Cài đặt `zsh`
+
+```shell
+sudo apt install zsh
+chsh -s /usr/bin/zsh
+```
+
+Cài đặt công cụ quản lý zsh plugins: `zgen`. Mặc dù `zgen` đã cũ nhưng mà mình thấy trong những công cụ khác trong repository của Ubuntu là `zplug` và `zsh-antigen` thì `zgen` đơn giản và nhẹ hơn nhiều.
+
+```shell
+sudo apt install zgen
+```
+
+Chỉnh sửa file `.zshrc` của bạn lại cho phù hợp, ví dụ của mình như sau:
+
+```shell
+if [[ -r "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh" ]]; then
+ source "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh"
+fi
+
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+export XMODIFIERS=@im=ibus
+export QT4_IM_MODULE=ibus
+export CLUTTER_IM_MODULE=ibus
+
+eval $(thefuck --alias)
+
+source "/usr/share/zgen/zgen.zsh"
+
+if ! zgen saved; then
+
+ zgen oh-my-zsh
+
+ zgen oh-my-zsh plugins/alias-finder
+ zgen oh-my-zsh plugins/colored-man-pages
+ zgen oh-my-zsh plugins/colorize
+ zgen oh-my-zsh plugins/command-not-found
+ zgen oh-my-zsh plugins/common-aliases
+ zgen oh-my-zsh plugins/extract
+ zgen oh-my-zsh plugins/git
+ zgen oh-my-zsh plugins/git-auto-fetch
+ zgen oh-my-zsh plugins/gitignore
+ zgen oh-my-zsh plugins/golang
+ zgen oh-my-zsh plugins/gpg-agent
+ zgen oh-my-zsh plugins/history
+ zgen oh-my-zsh plugins/node
+ zgen oh-my-zsh plugins/npm
+ zgen oh-my-zsh plugins/python
+ zgen oh-my-zsh plugins/sudo
+ zgen oh-my-zsh plugins/systemd
+ zgen oh-my-zsh plugins/thefuck
+ zgen oh-my-zsh plugins/ubuntu
+ zgen oh-my-zsh plugins/vscode
+ zgen oh-my-zsh plugins/wd
+ zgen oh-my-zsh plugins/z
+
+ zgen loadall < i {
- color: #424242; } }
-
-body.colorscheme-dark .navigation i {
- color: #dadada; }
- body.colorscheme-dark .navigation i:hover, body.colorscheme-dark .navigation i:focus {
- color: #42a5f5; }
-
-body.colorscheme-dark .navigation .menu-button i:hover, body.colorscheme-dark .navigation .menu-button i:focus {
- color: #dadada; }
-
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .navigation a,
- body.colorscheme-auto .navigation span {
- color: #dadada; }
- body.colorscheme-auto .navigation a:hover, body.colorscheme-auto .navigation a:focus {
- color: #42a5f5; } }
-
-@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
- body.colorscheme-auto .navigation .navigation-list {
- background-color: #212121;
- border-top: solid 2px #424242;
- border-bottom: solid 2px #424242; } }
-
-@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
- body.colorscheme-auto .navigation .navigation-list .menu-separator {
- border-top: 2px solid #dadada; } }
-
-@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
- body.colorscheme-auto .navigation #menu-toggle:checked + label > i {
- color: #424242; } }
-
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .navigation i {
- color: #dadada; }
- body.colorscheme-auto .navigation i:hover, body.colorscheme-auto .navigation i:focus {
- color: #42a5f5; }
- body.colorscheme-auto .navigation .menu-button i:hover, body.colorscheme-auto .navigation .menu-button i:focus {
- color: #dadada; } }
-
-body.colorscheme-dark .tabs label.tab-label {
- background-color: #424242;
- border-color: #4f4f4f; }
-
-body.colorscheme-dark .tabs input.tab-input:checked + label.tab-label {
- background-color: #212121; }
-
-body.colorscheme-dark .tabs .tab-content {
- background-color: #212121;
- border-color: #4f4f4f; }
-
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .tabs label.tab-label {
- background-color: #424242;
- border-color: #4f4f4f; }
- body.colorscheme-auto .tabs input.tab-input:checked + label.tab-label {
- background-color: #212121; }
- body.colorscheme-auto .tabs .tab-content {
- background-color: #212121;
- border-color: #4f4f4f; } }
-
-body.colorscheme-dark .taxonomy-element {
- background-color: #424242; }
- body.colorscheme-dark .taxonomy-element a {
- color: #dadada; }
- body.colorscheme-dark .taxonomy-element a:active {
- color: #dadada; }
-
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .taxonomy-element {
- background-color: #424242; }
- body.colorscheme-auto .taxonomy-element a {
- color: #dadada; }
- body.colorscheme-auto .taxonomy-element a:active {
- color: #dadada; } }
-
-body.colorscheme-dark .footer a {
- color: #42a5f5; }
-
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .footer a {
- color: #42a5f5; } }
-
-body.colorscheme-dark .float-container a {
- color: #dadada;
- background-color: #424242; }
- body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
- color: #42a5f5; }
- @media only screen and (max-width: 768px) {
- body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
- color: #dadada; } }
-@media (prefers-color-scheme: dark) {
- body.colorscheme-auto .float-container a {
- color: #dadada;
- background-color: #424242; }
- body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
- color: #42a5f5; } }
- @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
- body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
- color: #dadada; } }
-
-/*# sourceMappingURL=coder-dark.css.map */
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.json b/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.json
deleted file mode 100644
index 8a50cdb..0000000
--- a/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/coder-dark.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content b/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content
deleted file mode 100644
index 4c0daaa..0000000
--- a/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content
+++ /dev/null
@@ -1,3681 +0,0 @@
-@charset "UTF-8";
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-/* Document
- ========================================================================== */
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */ }
-
-/* Sections
- ========================================================================== */
-/**
- * Remove the margin in all browsers.
- */
-body {
- margin: 0; }
-
-/**
- * Render the `main` element consistently in IE.
- */
-main {
- display: block; }
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0; }
-
-/* Grouping content
- ========================================================================== */
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */ }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/* Text-level semantics
- ========================================================================== */
-/**
- * Remove the gray background on active links in IE 10.
- */
-a {
- background-color: transparent;
- word-wrap: break-word; }
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */ }
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
- font-weight: bolder; }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/**
- * Add the correct font size in all browsers.
- */
-small {
- font-size: 80%; }
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline; }
-
-sub {
- bottom: -0.25em; }
-
-sup {
- top: -0.5em; }
-
-/* Embedded content
- ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none; }
-
-/* Forms
- ========================================================================== */
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */ }
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-button,
-input {
- /* 1 */
- overflow: visible; }
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
- /* 1 */
- text-transform: none; }
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; }
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0; }
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText; }
-
-/**
- * Correct the padding in Firefox.
- */
-fieldset {
- padding: 0.35em 0.75em 0.625em; }
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */ }
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
- vertical-align: baseline; }
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-textarea {
- overflow: auto; }
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */ }
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto; }
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */ }
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none; }
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */ }
-
-/* Interactive
- ========================================================================== */
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-details {
- display: block; }
-
-/*
- * Add the correct display in all browsers.
- */
-summary {
- display: list-item; }
-
-/* Misc
- ========================================================================== */
-/**
- * Add the correct display in IE 10+.
- */
-template {
- display: none; }
-
-/**
- * Add the correct display in IE 10.
- */
-[hidden] {
- display: none; }
-
-/*!
-Fork Awesome 1.2.0
-License - https://forkaweso.me/Fork-Awesome/license
-
-Copyright 2018 Dave Gandy & Fork Awesome
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-/* FONT PATH
- * -------------------------- */
-@font-face {
- font-family: "ForkAwesome";
- src: url("../fonts/forkawesome-webfont.eot?v=1.2.0");
- src: url("../fonts/forkawesome-webfont.eot?#iefix&v=1.2.0") format("embedded-opentype"), url("../fonts/forkawesome-webfont.woff2?v=1.2.0") format("woff2"), url("../fonts/forkawesome-webfont.woff?v=1.2.0") format("woff"), url("../fonts/forkawesome-webfont.ttf?v=1.2.0") format("truetype"), url("../fonts/forkawesome-webfont.svg?v=1.2.0#forkawesomeregular") format("svg");
- font-weight: normal;
- font-style: normal;
- font-display: block; }
-
-.fa {
- display: inline-block;
- font: normal normal normal 14px/1 ForkAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-/* makes the font 33% larger relative to the icon container */
-.fa-lg {
- font-size: 1.33333333em;
- line-height: 0.75em;
- vertical-align: -15%; }
-
-.fa-2x {
- font-size: 2em; }
-
-.fa-3x {
- font-size: 3em; }
-
-.fa-4x {
- font-size: 4em; }
-
-.fa-5x {
- font-size: 5em; }
-
-.fa-fw {
- width: 1.28571429em;
- text-align: center; }
-
-.fa-ul {
- padding-left: 0;
- margin-left: 2.14285714em;
- list-style-type: none; }
- .fa-ul > li {
- position: relative; }
-
-.fa-li {
- position: absolute;
- left: -2.14285714em;
- width: 2.14285714em;
- top: 0.14285714em;
- text-align: center; }
- .fa-li.fa-lg {
- left: -1.85714286em; }
-
-.fa-border {
- padding: .2em .25em .15em;
- border: solid 0.08em #eee;
- border-radius: .1em; }
-
-.fa-pull-left {
- float: left; }
-
-.fa-pull-right {
- float: right; }
-
-.fa.fa-pull-left {
- margin-right: .3em; }
-
-.fa.fa-pull-right {
- margin-left: .3em; }
-
-/* Deprecated as of 4.4.0 */
-.pull-right {
- float: right; }
-
-.pull-left {
- float: left; }
-
-.fa.pull-left {
- margin-right: .3em; }
-
-.fa.pull-right {
- margin-left: .3em; }
-
-.fa-spin {
- -webkit-animation: fa-spin 2s infinite linear;
- animation: fa-spin 2s infinite linear; }
-
-.fa-pulse {
- -webkit-animation: fa-spin 1s infinite steps(8);
- animation: fa-spin 1s infinite steps(8); }
-
-@-webkit-keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
-
-@keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
-
-.fa-rotate-90 {
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg); }
-
-.fa-rotate-180 {
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg); }
-
-.fa-rotate-270 {
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
- -webkit-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg); }
-
-.fa-flip-horizontal {
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
- -webkit-transform: scale(-1, 1);
- -ms-transform: scale(-1, 1);
- transform: scale(-1, 1); }
-
-.fa-flip-vertical {
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
- -webkit-transform: scale(1, -1);
- -ms-transform: scale(1, -1);
- transform: scale(1, -1); }
-
-:root .fa-rotate-90,
-:root .fa-rotate-180,
-:root .fa-rotate-270,
-:root .fa-flip-horizontal,
-:root .fa-flip-vertical {
- filter: none; }
-
-.fa-stack {
- position: relative;
- display: inline-block;
- width: 2em;
- height: 2em;
- line-height: 2em;
- vertical-align: middle; }
-
-.fa-stack-1x, .fa-stack-2x {
- position: absolute;
- left: 0;
- width: 100%;
- text-align: center; }
-
-.fa-stack-1x {
- line-height: inherit; }
-
-.fa-stack-2x {
- font-size: 2em; }
-
-.fa-inverse {
- color: #fff; }
-
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- readers do not read off random characters that represent icons */
-.fa-glass:before {
- content: "\f000"; }
-
-.fa-music:before {
- content: "\f001"; }
-
-.fa-search:before {
- content: "\f002"; }
-
-.fa-envelope-o:before {
- content: "\f003"; }
-
-.fa-heart:before {
- content: "\f004"; }
-
-.fa-star:before {
- content: "\f005"; }
-
-.fa-star-o:before {
- content: "\f006"; }
-
-.fa-user:before {
- content: "\f007"; }
-
-.fa-film:before {
- content: "\f008"; }
-
-.fa-th-large:before {
- content: "\f009"; }
-
-.fa-th:before {
- content: "\f00a"; }
-
-.fa-th-list:before {
- content: "\f00b"; }
-
-.fa-check:before {
- content: "\f00c"; }
-
-.fa-remove:before,
-.fa-close:before,
-.fa-times:before {
- content: "\f00d"; }
-
-.fa-search-plus:before {
- content: "\f00e"; }
-
-.fa-search-minus:before {
- content: "\f010"; }
-
-.fa-power-off:before {
- content: "\f011"; }
-
-.fa-signal:before {
- content: "\f012"; }
-
-.fa-gear:before,
-.fa-cog:before {
- content: "\f013"; }
-
-.fa-trash-o:before {
- content: "\f014"; }
-
-.fa-home:before {
- content: "\f015"; }
-
-.fa-file-o:before {
- content: "\f016"; }
-
-.fa-clock-o:before {
- content: "\f017"; }
-
-.fa-road:before {
- content: "\f018"; }
-
-.fa-download:before {
- content: "\f019"; }
-
-.fa-arrow-circle-o-down:before {
- content: "\f01a"; }
-
-.fa-arrow-circle-o-up:before {
- content: "\f01b"; }
-
-.fa-inbox:before {
- content: "\f01c"; }
-
-.fa-play-circle-o:before {
- content: "\f01d"; }
-
-.fa-rotate-right:before,
-.fa-repeat:before {
- content: "\f01e"; }
-
-.fa-sync:before,
-.fa-refresh:before {
- content: "\f021"; }
-
-.fa-list-alt:before {
- content: "\f022"; }
-
-.fa-lock:before {
- content: "\f023"; }
-
-.fa-flag:before {
- content: "\f024"; }
-
-.fa-headphones:before {
- content: "\f025"; }
-
-.fa-volume-off:before {
- content: "\f026"; }
-
-.fa-volume-down:before {
- content: "\f027"; }
-
-.fa-volume-up:before {
- content: "\f028"; }
-
-.fa-qrcode:before {
- content: "\f029"; }
-
-.fa-barcode:before {
- content: "\f02a"; }
-
-.fa-tag:before {
- content: "\f02b"; }
-
-.fa-tags:before {
- content: "\f02c"; }
-
-.fa-book:before {
- content: "\f02d"; }
-
-.fa-bookmark:before {
- content: "\f02e"; }
-
-.fa-print:before {
- content: "\f02f"; }
-
-.fa-camera:before {
- content: "\f030"; }
-
-.fa-font:before {
- content: "\f031"; }
-
-.fa-bold:before {
- content: "\f032"; }
-
-.fa-italic:before {
- content: "\f033"; }
-
-.fa-text-height:before {
- content: "\f034"; }
-
-.fa-text-width:before {
- content: "\f035"; }
-
-.fa-align-left:before {
- content: "\f036"; }
-
-.fa-align-center:before {
- content: "\f037"; }
-
-.fa-align-right:before {
- content: "\f038"; }
-
-.fa-align-justify:before {
- content: "\f039"; }
-
-.fa-list:before {
- content: "\f03a"; }
-
-.fa-dedent:before,
-.fa-outdent:before {
- content: "\f03b"; }
-
-.fa-indent:before {
- content: "\f03c"; }
-
-.fa-video:before,
-.fa-video-camera:before {
- content: "\f03d"; }
-
-.fa-photo:before,
-.fa-image:before,
-.fa-picture-o:before {
- content: "\f03e"; }
-
-.fa-pencil:before {
- content: "\f040"; }
-
-.fa-map-marker:before {
- content: "\f041"; }
-
-.fa-adjust:before {
- content: "\f042"; }
-
-.fa-tint:before {
- content: "\f043"; }
-
-.fa-edit:before,
-.fa-pencil-square-o:before {
- content: "\f044"; }
-
-.fa-share-square-o:before {
- content: "\f045"; }
-
-.fa-check-square-o:before {
- content: "\f046"; }
-
-.fa-arrows:before {
- content: "\f047"; }
-
-.fa-step-backward:before {
- content: "\f048"; }
-
-.fa-fast-backward:before {
- content: "\f049"; }
-
-.fa-backward:before {
- content: "\f04a"; }
-
-.fa-play:before {
- content: "\f04b"; }
-
-.fa-pause:before {
- content: "\f04c"; }
-
-.fa-stop:before {
- content: "\f04d"; }
-
-.fa-forward:before {
- content: "\f04e"; }
-
-.fa-fast-forward:before {
- content: "\f050"; }
-
-.fa-step-forward:before {
- content: "\f051"; }
-
-.fa-eject:before {
- content: "\f052"; }
-
-.fa-chevron-left:before {
- content: "\f053"; }
-
-.fa-chevron-right:before {
- content: "\f054"; }
-
-.fa-plus-circle:before {
- content: "\f055"; }
-
-.fa-minus-circle:before {
- content: "\f056"; }
-
-.fa-times-circle:before {
- content: "\f057"; }
-
-.fa-check-circle:before {
- content: "\f058"; }
-
-.fa-question-circle:before {
- content: "\f059"; }
-
-.fa-info-circle:before {
- content: "\f05a"; }
-
-.fa-crosshairs:before {
- content: "\f05b"; }
-
-.fa-times-circle-o:before {
- content: "\f05c"; }
-
-.fa-check-circle-o:before {
- content: "\f05d"; }
-
-.fa-ban:before {
- content: "\f05e"; }
-
-.fa-arrow-left:before {
- content: "\f060"; }
-
-.fa-arrow-right:before {
- content: "\f061"; }
-
-.fa-arrow-up:before {
- content: "\f062"; }
-
-.fa-arrow-down:before {
- content: "\f063"; }
-
-.fa-mail-forward:before,
-.fa-share:before {
- content: "\f064"; }
-
-.fa-expand:before {
- content: "\f065"; }
-
-.fa-compress:before {
- content: "\f066"; }
-
-.fa-plus:before {
- content: "\f067"; }
-
-.fa-minus:before {
- content: "\f068"; }
-
-.fa-asterisk:before {
- content: "\f069"; }
-
-.fa-exclamation-circle:before {
- content: "\f06a"; }
-
-.fa-gift:before {
- content: "\f06b"; }
-
-.fa-leaf:before {
- content: "\f06c"; }
-
-.fa-fire:before {
- content: "\f06d"; }
-
-.fa-eye:before {
- content: "\f06e"; }
-
-.fa-eye-slash:before {
- content: "\f070"; }
-
-.fa-warning:before,
-.fa-exclamation-triangle:before {
- content: "\f071"; }
-
-.fa-plane:before {
- content: "\f072"; }
-
-.fa-calendar:before {
- content: "\f073"; }
-
-.fa-random:before {
- content: "\f074"; }
-
-.fa-comment:before {
- content: "\f075"; }
-
-.fa-magnet:before {
- content: "\f076"; }
-
-.fa-chevron-up:before {
- content: "\f077"; }
-
-.fa-chevron-down:before {
- content: "\f078"; }
-
-.fa-retweet:before {
- content: "\f079"; }
-
-.fa-shopping-cart:before {
- content: "\f07a"; }
-
-.fa-folder:before {
- content: "\f07b"; }
-
-.fa-folder-open:before {
- content: "\f07c"; }
-
-.fa-arrows-v:before {
- content: "\f07d"; }
-
-.fa-arrows-h:before {
- content: "\f07e"; }
-
-.fa-bar-chart-o:before,
-.fa-bar-chart:before {
- content: "\f080"; }
-
-.fa-twitter-square:before {
- content: "\f081"; }
-
-.fa-facebook-square:before {
- content: "\f082"; }
-
-.fa-camera-retro:before {
- content: "\f083"; }
-
-.fa-key:before {
- content: "\f084"; }
-
-.fa-gears:before,
-.fa-cogs:before {
- content: "\f085"; }
-
-.fa-comments:before {
- content: "\f086"; }
-
-.fa-thumbs-o-up:before {
- content: "\f087"; }
-
-.fa-thumbs-o-down:before {
- content: "\f088"; }
-
-.fa-star-half:before {
- content: "\f089"; }
-
-.fa-heart-o:before {
- content: "\f08a"; }
-
-.fa-sign-out:before {
- content: "\f08b"; }
-
-.fa-linkedin-square:before {
- content: "\f08c"; }
-
-.fa-thumb-tack:before {
- content: "\f08d"; }
-
-.fa-external-link:before {
- content: "\f08e"; }
-
-.fa-sign-in:before {
- content: "\f090"; }
-
-.fa-trophy:before {
- content: "\f091"; }
-
-.fa-github-square:before {
- content: "\f092"; }
-
-.fa-upload:before {
- content: "\f093"; }
-
-.fa-lemon-o:before {
- content: "\f094"; }
-
-.fa-phone:before {
- content: "\f095"; }
-
-.fa-square-o:before {
- content: "\f096"; }
-
-.fa-bookmark-o:before {
- content: "\f097"; }
-
-.fa-phone-square:before {
- content: "\f098"; }
-
-.fa-twitter:before {
- content: "\f099"; }
-
-.fa-facebook-f:before,
-.fa-facebook:before {
- content: "\f09a"; }
-
-.fa-github:before {
- content: "\f09b"; }
-
-.fa-unlock:before {
- content: "\f09c"; }
-
-.fa-credit-card:before {
- content: "\f09d"; }
-
-.fa-feed:before,
-.fa-rss:before {
- content: "\f09e"; }
-
-.fa-hdd-o:before {
- content: "\f0a0"; }
-
-.fa-bullhorn:before {
- content: "\f0a1"; }
-
-.fa-bell-o:before {
- content: "\f0f3"; }
-
-.fa-certificate:before {
- content: "\f0a3"; }
-
-.fa-hand-o-right:before {
- content: "\f0a4"; }
-
-.fa-hand-o-left:before {
- content: "\f0a5"; }
-
-.fa-hand-o-up:before {
- content: "\f0a6"; }
-
-.fa-hand-o-down:before {
- content: "\f0a7"; }
-
-.fa-arrow-circle-left:before {
- content: "\f0a8"; }
-
-.fa-arrow-circle-right:before {
- content: "\f0a9"; }
-
-.fa-arrow-circle-up:before {
- content: "\f0aa"; }
-
-.fa-arrow-circle-down:before {
- content: "\f0ab"; }
-
-.fa-globe:before {
- content: "\f0ac"; }
-
-.fa-globe-e:before {
- content: "\f304"; }
-
-.fa-globe-w:before {
- content: "\f305"; }
-
-.fa-wrench:before {
- content: "\f0ad"; }
-
-.fa-tasks:before {
- content: "\f0ae"; }
-
-.fa-filter:before {
- content: "\f0b0"; }
-
-.fa-briefcase:before {
- content: "\f0b1"; }
-
-.fa-arrows-alt:before {
- content: "\f0b2"; }
-
-.fa-community:before,
-.fa-group:before,
-.fa-users:before {
- content: "\f0c0"; }
-
-.fa-chain:before,
-.fa-link:before {
- content: "\f0c1"; }
-
-.fa-cloud:before {
- content: "\f0c2"; }
-
-.fa-flask:before {
- content: "\f0c3"; }
-
-.fa-cut:before,
-.fa-scissors:before {
- content: "\f0c4"; }
-
-.fa-copy:before,
-.fa-files-o:before {
- content: "\f0c5"; }
-
-.fa-paperclip:before {
- content: "\f0c6"; }
-
-.fa-save:before,
-.fa-floppy-o:before {
- content: "\f0c7"; }
-
-.fa-square:before {
- content: "\f0c8"; }
-
-.fa-navicon:before,
-.fa-reorder:before,
-.fa-bars:before {
- content: "\f0c9"; }
-
-.fa-list-ul:before {
- content: "\f0ca"; }
-
-.fa-list-ol:before {
- content: "\f0cb"; }
-
-.fa-strikethrough:before {
- content: "\f0cc"; }
-
-.fa-underline:before {
- content: "\f0cd"; }
-
-.fa-table:before {
- content: "\f0ce"; }
-
-.fa-magic:before {
- content: "\f0d0"; }
-
-.fa-truck:before {
- content: "\f0d1"; }
-
-.fa-pinterest:before {
- content: "\f0d2"; }
-
-.fa-pinterest-square:before {
- content: "\f0d3"; }
-
-.fa-google-plus-square:before {
- content: "\f0d4"; }
-
-.fa-google-plus-g:before,
-.fa-google-plus:before {
- content: "\f0d5"; }
-
-.fa-money:before {
- content: "\f0d6"; }
-
-.fa-caret-down:before {
- content: "\f0d7"; }
-
-.fa-caret-up:before {
- content: "\f0d8"; }
-
-.fa-caret-left:before {
- content: "\f0d9"; }
-
-.fa-caret-right:before {
- content: "\f0da"; }
-
-.fa-columns:before {
- content: "\f0db"; }
-
-.fa-unsorted:before,
-.fa-sort:before {
- content: "\f0dc"; }
-
-.fa-sort-down:before,
-.fa-sort-desc:before {
- content: "\f0dd"; }
-
-.fa-sort-up:before,
-.fa-sort-asc:before {
- content: "\f0de"; }
-
-.fa-envelope:before {
- content: "\f0e0"; }
-
-.fa-linkedin:before {
- content: "\f0e1"; }
-
-.fa-rotate-left:before,
-.fa-undo:before {
- content: "\f0e2"; }
-
-.fa-legal:before,
-.fa-gavel:before {
- content: "\f0e3"; }
-
-.fa-dashboard:before,
-.fa-tachometer:before {
- content: "\f0e4"; }
-
-.fa-comment-o:before {
- content: "\f0e5"; }
-
-.fa-comments-o:before {
- content: "\f0e6"; }
-
-.fa-flash:before,
-.fa-bolt:before {
- content: "\f0e7"; }
-
-.fa-sitemap:before {
- content: "\f0e8"; }
-
-.fa-umbrella:before {
- content: "\f0e9"; }
-
-.fa-paste:before,
-.fa-clipboard:before {
- content: "\f0ea"; }
-
-.fa-lightbulb-o:before {
- content: "\f0eb"; }
-
-.fa-exchange:before {
- content: "\f0ec"; }
-
-.fa-cloud-download:before {
- content: "\f0ed"; }
-
-.fa-cloud-upload:before {
- content: "\f0ee"; }
-
-.fa-user-md:before {
- content: "\f0f0"; }
-
-.fa-stethoscope:before {
- content: "\f0f1"; }
-
-.fa-suitcase:before {
- content: "\f0f2"; }
-
-.fa-bell:before {
- content: "\f0a2"; }
-
-.fa-coffee:before {
- content: "\f0f4"; }
-
-.fa-utensils:before,
-.fa-cutlery:before {
- content: "\f0f5"; }
-
-.fa-file-text-o:before {
- content: "\f0f6"; }
-
-.fa-building-o:before {
- content: "\f0f7"; }
-
-.fa-hospital-o:before {
- content: "\f0f8"; }
-
-.fa-ambulance:before {
- content: "\f0f9"; }
-
-.fa-medkit:before {
- content: "\f0fa"; }
-
-.fa-fighter-jet:before {
- content: "\f0fb"; }
-
-.fa-beer:before {
- content: "\f0fc"; }
-
-.fa-h-square:before {
- content: "\f0fd"; }
-
-.fa-plus-square:before {
- content: "\f0fe"; }
-
-.fa-angle-double-left:before {
- content: "\f100"; }
-
-.fa-angle-double-right:before {
- content: "\f101"; }
-
-.fa-angle-double-up:before {
- content: "\f102"; }
-
-.fa-angle-double-down:before {
- content: "\f103"; }
-
-.fa-angle-left:before {
- content: "\f104"; }
-
-.fa-angle-right:before {
- content: "\f105"; }
-
-.fa-angle-up:before {
- content: "\f106"; }
-
-.fa-angle-down:before {
- content: "\f107"; }
-
-.fa-desktop:before {
- content: "\f108"; }
-
-.fa-laptop:before {
- content: "\f109"; }
-
-.fa-tablet:before {
- content: "\f10a"; }
-
-.fa-mobile-phone:before,
-.fa-mobile:before {
- content: "\f10b"; }
-
-.fa-circle-o:before {
- content: "\f10c"; }
-
-.fa-quote-left:before {
- content: "\f10d"; }
-
-.fa-quote-right:before {
- content: "\f10e"; }
-
-.fa-spinner:before {
- content: "\f110"; }
-
-.fa-circle:before {
- content: "\f111"; }
-
-.fa-mail-reply:before,
-.fa-reply:before {
- content: "\f112"; }
-
-.fa-github-alt:before {
- content: "\f113"; }
-
-.fa-folder-o:before {
- content: "\f114"; }
-
-.fa-folder-open-o:before {
- content: "\f115"; }
-
-.fa-smile-o:before {
- content: "\f118"; }
-
-.fa-frown-o:before {
- content: "\f119"; }
-
-.fa-meh-o:before {
- content: "\f11a"; }
-
-.fa-gamepad:before {
- content: "\f11b"; }
-
-.fa-keyboard-o:before {
- content: "\f11c"; }
-
-.fa-flag-o:before {
- content: "\f11d"; }
-
-.fa-flag-checkered:before {
- content: "\f11e"; }
-
-.fa-terminal:before {
- content: "\f120"; }
-
-.fa-code:before {
- content: "\f121"; }
-
-.fa-mail-reply-all:before,
-.fa-reply-all:before {
- content: "\f122"; }
-
-.fa-star-half-empty:before,
-.fa-star-half-full:before,
-.fa-star-half-o:before {
- content: "\f123"; }
-
-.fa-location-arrow:before {
- content: "\f124"; }
-
-.fa-crop:before {
- content: "\f125"; }
-
-.fa-code-fork:before {
- content: "\f126"; }
-
-.fa-unlink:before,
-.fa-chain-broken:before {
- content: "\f127"; }
-
-.fa-question:before {
- content: "\f128"; }
-
-.fa-info:before {
- content: "\f129"; }
-
-.fa-exclamation:before {
- content: "\f12a"; }
-
-.fa-superscript:before {
- content: "\f12b"; }
-
-.fa-subscript:before {
- content: "\f12c"; }
-
-.fa-eraser:before {
- content: "\f12d"; }
-
-.fa-puzzle-piece:before {
- content: "\f12e"; }
-
-.fa-microphone:before {
- content: "\f130"; }
-
-.fa-microphone-slash:before {
- content: "\f131"; }
-
-.fa-shield:before {
- content: "\f132"; }
-
-.fa-calendar-o:before {
- content: "\f133"; }
-
-.fa-fire-extinguisher:before {
- content: "\f134"; }
-
-.fa-rocket:before {
- content: "\f135"; }
-
-.fa-maxcdn:before {
- content: "\f136"; }
-
-.fa-chevron-circle-left:before {
- content: "\f137"; }
-
-.fa-chevron-circle-right:before {
- content: "\f138"; }
-
-.fa-chevron-circle-up:before {
- content: "\f139"; }
-
-.fa-chevron-circle-down:before {
- content: "\f13a"; }
-
-.fa-html5:before {
- content: "\f13b"; }
-
-.fa-css3:before {
- content: "\f13c"; }
-
-.fa-anchor:before {
- content: "\f13d"; }
-
-.fa-unlock-alt:before {
- content: "\f13e"; }
-
-.fa-bullseye:before {
- content: "\f140"; }
-
-.fa-ellipsis-h:before {
- content: "\f141"; }
-
-.fa-ellipsis-v:before {
- content: "\f142"; }
-
-.fa-rss-square:before {
- content: "\f143"; }
-
-.fa-play-circle:before {
- content: "\f144"; }
-
-.fa-ticket:before {
- content: "\f145"; }
-
-.fa-minus-square:before {
- content: "\f146"; }
-
-.fa-minus-square-o:before {
- content: "\f147"; }
-
-.fa-level-up:before {
- content: "\f148"; }
-
-.fa-level-down:before {
- content: "\f149"; }
-
-.fa-check-square:before {
- content: "\f14a"; }
-
-.fa-pencil-square:before {
- content: "\f14b"; }
-
-.fa-external-link-square:before {
- content: "\f14c"; }
-
-.fa-share-square:before {
- content: "\f14d"; }
-
-.fa-compass:before {
- content: "\f14e"; }
-
-.fa-toggle-down:before,
-.fa-caret-square-o-down:before {
- content: "\f150"; }
-
-.fa-toggle-up:before,
-.fa-caret-square-o-up:before {
- content: "\f151"; }
-
-.fa-toggle-right:before,
-.fa-caret-square-o-right:before {
- content: "\f152"; }
-
-.fa-euro:before,
-.fa-eur:before {
- content: "\f153"; }
-
-.fa-pound:before,
-.fa-gbp:before {
- content: "\f154"; }
-
-.fa-dollar:before,
-.fa-usd:before {
- content: "\f155"; }
-
-.fa-rupee:before,
-.fa-inr:before {
- content: "\f156"; }
-
-.fa-cny:before,
-.fa-rmb:before,
-.fa-yen:before,
-.fa-jpy:before {
- content: "\f157"; }
-
-.fa-ruble:before,
-.fa-rouble:before,
-.fa-rub:before {
- content: "\f158"; }
-
-.fa-won:before,
-.fa-krw:before {
- content: "\f159"; }
-
-.fa-bitcoin:before,
-.fa-btc:before {
- content: "\f15a"; }
-
-.fa-file:before {
- content: "\f15b"; }
-
-.fa-file-text:before {
- content: "\f15c"; }
-
-.fa-sort-alpha-down:before,
-.fa-sort-alpha-asc:before {
- content: "\f15d"; }
-
-.fa-sort-alpha-up:before,
-.fa-sort-alpha-desc:before {
- content: "\f15e"; }
-
-.fa-sort-amount-down:before,
-.fa-sort-amount-asc:before {
- content: "\f160"; }
-
-.fa-sort-amount-up:before,
-.fa-sort-amount-desc:before {
- content: "\f161"; }
-
-.fa-sort-numeric-down:before,
-.fa-sort-numeric-asc:before {
- content: "\f162"; }
-
-.fa-sort-numeric-up:before,
-.fa-sort-numeric-desc:before {
- content: "\f163"; }
-
-.fa-thumbs-up:before {
- content: "\f164"; }
-
-.fa-thumbs-down:before {
- content: "\f165"; }
-
-.fa-youtube-square:before {
- content: "\f166"; }
-
-.fa-youtube:before {
- content: "\f167"; }
-
-.fa-xing:before {
- content: "\f168"; }
-
-.fa-xing-square:before {
- content: "\f169"; }
-
-.fa-youtube-play:before {
- content: "\f16a"; }
-
-.fa-dropbox:before {
- content: "\f16b"; }
-
-.fa-stack-overflow:before {
- content: "\f16c"; }
-
-.fa-instagram:before {
- content: "\f16d"; }
-
-.fa-flickr:before {
- content: "\f16e"; }
-
-.fa-adn:before {
- content: "\f170"; }
-
-.fa-bitbucket:before {
- content: "\f171"; }
-
-.fa-bitbucket-square:before {
- content: "\f172"; }
-
-.fa-tumblr:before {
- content: "\f173"; }
-
-.fa-tumblr-square:before {
- content: "\f174"; }
-
-.fa-long-arrow-down:before {
- content: "\f175"; }
-
-.fa-long-arrow-up:before {
- content: "\f176"; }
-
-.fa-long-arrow-left:before {
- content: "\f177"; }
-
-.fa-long-arrow-right:before {
- content: "\f178"; }
-
-.fa-apple:before {
- content: "\f179"; }
-
-.fa-windows:before {
- content: "\f17a"; }
-
-.fa-android:before {
- content: "\f17b"; }
-
-.fa-linux:before {
- content: "\f17c"; }
-
-.fa-dribbble:before {
- content: "\f17d"; }
-
-.fa-skype:before {
- content: "\f17e"; }
-
-.fa-foursquare:before {
- content: "\f180"; }
-
-.fa-trello:before {
- content: "\f181"; }
-
-.fa-female:before {
- content: "\f182"; }
-
-.fa-male:before {
- content: "\f183"; }
-
-.fa-gittip:before,
-.fa-gratipay:before {
- content: "\f184"; }
-
-.fa-sun-o:before {
- content: "\f185"; }
-
-.fa-moon-o:before {
- content: "\f186"; }
-
-.fa-archive:before {
- content: "\f187"; }
-
-.fa-bug:before {
- content: "\f188"; }
-
-.fa-vk:before {
- content: "\f189"; }
-
-.fa-weibo:before {
- content: "\f18a"; }
-
-.fa-renren:before {
- content: "\f18b"; }
-
-.fa-pagelines:before {
- content: "\f18c"; }
-
-.fa-stack-exchange:before {
- content: "\f18d"; }
-
-.fa-arrow-circle-o-right:before {
- content: "\f18e"; }
-
-.fa-arrow-circle-o-left:before {
- content: "\f190"; }
-
-.fa-toggle-left:before,
-.fa-caret-square-o-left:before {
- content: "\f191"; }
-
-.fa-dot-circle-o:before {
- content: "\f192"; }
-
-.fa-wheelchair:before {
- content: "\f193"; }
-
-.fa-vimeo-square:before {
- content: "\f194"; }
-
-.fa-turkish-lira:before,
-.fa-try:before {
- content: "\f195"; }
-
-.fa-plus-square-o:before {
- content: "\f196"; }
-
-.fa-space-shuttle:before {
- content: "\f197"; }
-
-.fa-slack:before {
- content: "\f198"; }
-
-.fa-envelope-square:before {
- content: "\f199"; }
-
-.fa-wordpress:before {
- content: "\f19a"; }
-
-.fa-openid:before {
- content: "\f19b"; }
-
-.fa-institution:before,
-.fa-bank:before,
-.fa-university:before {
- content: "\f19c"; }
-
-.fa-mortar-board:before,
-.fa-graduation-cap:before {
- content: "\f19d"; }
-
-.fa-yahoo:before {
- content: "\f19e"; }
-
-.fa-google:before {
- content: "\f1a0"; }
-
-.fa-reddit:before {
- content: "\f1a1"; }
-
-.fa-reddit-square:before {
- content: "\f1a2"; }
-
-.fa-stumbleupon-circle:before {
- content: "\f1a3"; }
-
-.fa-stumbleupon:before {
- content: "\f1a4"; }
-
-.fa-delicious:before {
- content: "\f1a5"; }
-
-.fa-digg:before {
- content: "\f1a6"; }
-
-.fa-drupal:before {
- content: "\f1a9"; }
-
-.fa-joomla:before {
- content: "\f1aa"; }
-
-.fa-language:before {
- content: "\f1ab"; }
-
-.fa-fax:before {
- content: "\f1ac"; }
-
-.fa-building:before {
- content: "\f1ad"; }
-
-.fa-child:before {
- content: "\f1ae"; }
-
-.fa-paw:before {
- content: "\f1b0"; }
-
-.fa-utensil-spoon:before,
-.fa-spoon:before {
- content: "\f1b1"; }
-
-.fa-cube:before {
- content: "\f1b2"; }
-
-.fa-cubes:before {
- content: "\f1b3"; }
-
-.fa-behance:before {
- content: "\f1b4"; }
-
-.fa-behance-square:before {
- content: "\f1b5"; }
-
-.fa-steam:before {
- content: "\f1b6"; }
-
-.fa-steam-square:before {
- content: "\f1b7"; }
-
-.fa-recycle:before {
- content: "\f1b8"; }
-
-.fa-automobile:before,
-.fa-car:before {
- content: "\f1b9"; }
-
-.fa-cab:before,
-.fa-taxi:before {
- content: "\f1ba"; }
-
-.fa-tree:before {
- content: "\f1bb"; }
-
-.fa-spotify:before {
- content: "\f1bc"; }
-
-.fa-deviantart:before {
- content: "\f1bd"; }
-
-.fa-soundcloud:before {
- content: "\f1be"; }
-
-.fa-database:before {
- content: "\f1c0"; }
-
-.fa-file-pdf-o:before {
- content: "\f1c1"; }
-
-.fa-file-word-o:before {
- content: "\f1c2"; }
-
-.fa-file-excel-o:before {
- content: "\f1c3"; }
-
-.fa-file-powerpoint-o:before {
- content: "\f1c4"; }
-
-.fa-file-photo-o:before,
-.fa-file-picture-o:before,
-.fa-file-image-o:before {
- content: "\f1c5"; }
-
-.fa-file-zip-o:before,
-.fa-file-archive-o:before {
- content: "\f1c6"; }
-
-.fa-file-sound-o:before,
-.fa-file-audio-o:before {
- content: "\f1c7"; }
-
-.fa-file-movie-o:before,
-.fa-file-video-o:before {
- content: "\f1c8"; }
-
-.fa-file-code-o:before {
- content: "\f1c9"; }
-
-.fa-vine:before {
- content: "\f1ca"; }
-
-.fa-codepen:before {
- content: "\f1cb"; }
-
-.fa-jsfiddle:before {
- content: "\f1cc"; }
-
-.fa-life-bouy:before,
-.fa-life-buoy:before,
-.fa-life-saver:before,
-.fa-support:before,
-.fa-life-ring:before {
- content: "\f1cd"; }
-
-.fa-circle-o-notch:before {
- content: "\f1ce"; }
-
-.fa-ra:before,
-.fa-resistance:before,
-.fa-rebel:before {
- content: "\f1d0"; }
-
-.fa-ge:before,
-.fa-empire:before {
- content: "\f1d1"; }
-
-.fa-git-square:before {
- content: "\f1d2"; }
-
-.fa-git:before {
- content: "\f1d3"; }
-
-.fa-y-combinator-square:before,
-.fa-yc-square:before,
-.fa-hacker-news:before {
- content: "\f1d4"; }
-
-.fa-tencent-weibo:before {
- content: "\f1d5"; }
-
-.fa-qq:before {
- content: "\f1d6"; }
-
-.fa-wechat:before,
-.fa-weixin:before {
- content: "\f1d7"; }
-
-.fa-send:before,
-.fa-paper-plane:before {
- content: "\f1d8"; }
-
-.fa-send-o:before,
-.fa-paper-plane-o:before {
- content: "\f1d9"; }
-
-.fa-history:before {
- content: "\f1da"; }
-
-.fa-circle-thin:before {
- content: "\f1db"; }
-
-.fa-heading:before,
-.fa-header:before {
- content: "\f1dc"; }
-
-.fa-paragraph:before {
- content: "\f1dd"; }
-
-.fa-sliders:before {
- content: "\f1de"; }
-
-.fa-share-alt:before {
- content: "\f1e0"; }
-
-.fa-share-alt-square:before {
- content: "\f1e1"; }
-
-.fa-bomb:before {
- content: "\f1e2"; }
-
-.fa-soccer-ball-o:before,
-.fa-futbol-o:before {
- content: "\f1e3"; }
-
-.fa-tty:before {
- content: "\f1e4"; }
-
-.fa-binoculars:before {
- content: "\f1e5"; }
-
-.fa-plug:before {
- content: "\f1e6"; }
-
-.fa-slideshare:before {
- content: "\f1e7"; }
-
-.fa-twitch:before {
- content: "\f1e8"; }
-
-.fa-yelp:before {
- content: "\f1e9"; }
-
-.fa-newspaper-o:before {
- content: "\f1ea"; }
-
-.fa-wifi:before {
- content: "\f1eb"; }
-
-.fa-calculator:before {
- content: "\f1ec"; }
-
-.fa-paypal:before {
- content: "\f1ed"; }
-
-.fa-google-wallet:before {
- content: "\f1ee"; }
-
-.fa-cc-visa:before {
- content: "\f1f0"; }
-
-.fa-cc-mastercard:before {
- content: "\f1f1"; }
-
-.fa-cc-discover:before {
- content: "\f1f2"; }
-
-.fa-cc-amex:before {
- content: "\f1f3"; }
-
-.fa-cc-paypal:before {
- content: "\f1f4"; }
-
-.fa-cc-stripe:before {
- content: "\f1f5"; }
-
-.fa-bell-slash:before {
- content: "\f1f6"; }
-
-.fa-bell-slash-o:before {
- content: "\f1f7"; }
-
-.fa-trash:before {
- content: "\f1f8"; }
-
-.fa-copyright:before {
- content: "\f1f9"; }
-
-.fa-at:before {
- content: "\f1fa"; }
-
-.fa-eyedropper:before {
- content: "\f1fb"; }
-
-.fa-paint-brush:before {
- content: "\f1fc"; }
-
-.fa-birthday-cake:before {
- content: "\f1fd"; }
-
-.fa-area-chart:before {
- content: "\f1fe"; }
-
-.fa-pie-chart:before {
- content: "\f200"; }
-
-.fa-line-chart:before {
- content: "\f201"; }
-
-.fa-lastfm:before {
- content: "\f202"; }
-
-.fa-lastfm-square:before {
- content: "\f203"; }
-
-.fa-toggle-off:before {
- content: "\f204"; }
-
-.fa-toggle-on:before {
- content: "\f205"; }
-
-.fa-bicycle:before {
- content: "\f206"; }
-
-.fa-bus:before {
- content: "\f207"; }
-
-.fa-ioxhost:before {
- content: "\f208"; }
-
-.fa-angellist:before {
- content: "\f209"; }
-
-.fa-closed-captioning:before,
-.fa-cc:before {
- content: "\f20a"; }
-
-.fa-shekel:before,
-.fa-sheqel:before,
-.fa-ils:before {
- content: "\f20b"; }
-
-.fa-meanpath:before {
- content: "\f20c"; }
-
-.fa-buysellads:before {
- content: "\f20d"; }
-
-.fa-connectdevelop:before {
- content: "\f20e"; }
-
-.fa-dashcube:before {
- content: "\f210"; }
-
-.fa-forumbee:before {
- content: "\f211"; }
-
-.fa-leanpub:before {
- content: "\f212"; }
-
-.fa-sellsy:before {
- content: "\f213"; }
-
-.fa-shirtsinbulk:before {
- content: "\f214"; }
-
-.fa-simplybuilt:before {
- content: "\f215"; }
-
-.fa-skyatlas:before {
- content: "\f216"; }
-
-.fa-cart-plus:before {
- content: "\f217"; }
-
-.fa-cart-arrow-down:before {
- content: "\f218"; }
-
-.fa-gem:before,
-.fa-diamond:before {
- content: "\f219"; }
-
-.fa-ship:before {
- content: "\f21a"; }
-
-.fa-user-secret:before {
- content: "\f21b"; }
-
-.fa-motorcycle:before {
- content: "\f21c"; }
-
-.fa-street-view:before {
- content: "\f21d"; }
-
-.fa-heartbeat:before {
- content: "\f21e"; }
-
-.fa-venus:before {
- content: "\f221"; }
-
-.fa-mars:before {
- content: "\f222"; }
-
-.fa-mercury:before {
- content: "\f223"; }
-
-.fa-intersex:before,
-.fa-transgender:before {
- content: "\f224"; }
-
-.fa-transgender-alt:before {
- content: "\f225"; }
-
-.fa-venus-double:before {
- content: "\f226"; }
-
-.fa-mars-double:before {
- content: "\f227"; }
-
-.fa-venus-mars:before {
- content: "\f228"; }
-
-.fa-mars-stroke:before {
- content: "\f229"; }
-
-.fa-mars-stroke-v:before {
- content: "\f22a"; }
-
-.fa-mars-stroke-h:before {
- content: "\f22b"; }
-
-.fa-neuter:before {
- content: "\f22c"; }
-
-.fa-genderless:before {
- content: "\f22d"; }
-
-.fa-facebook-official:before {
- content: "\f230"; }
-
-.fa-pinterest-p:before {
- content: "\f231"; }
-
-.fa-whatsapp:before {
- content: "\f232"; }
-
-.fa-server:before {
- content: "\f233"; }
-
-.fa-user-plus:before {
- content: "\f234"; }
-
-.fa-user-times:before {
- content: "\f235"; }
-
-.fa-hotel:before,
-.fa-bed:before {
- content: "\f236"; }
-
-.fa-viacoin:before {
- content: "\f237"; }
-
-.fa-train:before {
- content: "\f238"; }
-
-.fa-subway:before {
- content: "\f239"; }
-
-.fa-medium:before {
- content: "\f23a"; }
-
-.fa-medium-square:before {
- content: "\f2f8"; }
-
-.fa-yc:before,
-.fa-y-combinator:before {
- content: "\f23b"; }
-
-.fa-optin-monster:before {
- content: "\f23c"; }
-
-.fa-opencart:before {
- content: "\f23d"; }
-
-.fa-expeditedssl:before {
- content: "\f23e"; }
-
-.fa-battery-4:before,
-.fa-battery:before,
-.fa-battery-full:before {
- content: "\f240"; }
-
-.fa-battery-3:before,
-.fa-battery-three-quarters:before {
- content: "\f241"; }
-
-.fa-battery-2:before,
-.fa-battery-half:before {
- content: "\f242"; }
-
-.fa-battery-1:before,
-.fa-battery-quarter:before {
- content: "\f243"; }
-
-.fa-battery-0:before,
-.fa-battery-empty:before {
- content: "\f244"; }
-
-.fa-mouse-pointer:before {
- content: "\f245"; }
-
-.fa-i-cursor:before {
- content: "\f246"; }
-
-.fa-object-group:before {
- content: "\f247"; }
-
-.fa-object-ungroup:before {
- content: "\f248"; }
-
-.fa-sticky-note:before {
- content: "\f249"; }
-
-.fa-sticky-note-o:before {
- content: "\f24a"; }
-
-.fa-cc-jcb:before {
- content: "\f24b"; }
-
-.fa-cc-diners-club:before {
- content: "\f24c"; }
-
-.fa-clone:before {
- content: "\f24d"; }
-
-.fa-balance-scale:before {
- content: "\f24e"; }
-
-.fa-hourglass-o:before {
- content: "\f250"; }
-
-.fa-hourglass-1:before,
-.fa-hourglass-start:before {
- content: "\f251"; }
-
-.fa-hourglass-2:before,
-.fa-hourglass-half:before {
- content: "\f252"; }
-
-.fa-hourglass-3:before,
-.fa-hourglass-end:before {
- content: "\f253"; }
-
-.fa-hourglass:before {
- content: "\f254"; }
-
-.fa-hand-grab-o:before,
-.fa-hand-rock-o:before {
- content: "\f255"; }
-
-.fa-hand-stop-o:before,
-.fa-hand-paper-o:before {
- content: "\f256"; }
-
-.fa-hand-scissors-o:before {
- content: "\f257"; }
-
-.fa-hand-lizard-o:before {
- content: "\f258"; }
-
-.fa-hand-spock-o:before {
- content: "\f259"; }
-
-.fa-hand-pointer-o:before {
- content: "\f25a"; }
-
-.fa-hand-peace-o:before {
- content: "\f25b"; }
-
-.fa-trademark:before {
- content: "\f25c"; }
-
-.fa-registered:before {
- content: "\f25d"; }
-
-.fa-creative-commons:before {
- content: "\f25e"; }
-
-.fa-gg:before {
- content: "\f260"; }
-
-.fa-gg-circle:before {
- content: "\f261"; }
-
-.fa-tripadvisor:before {
- content: "\f262"; }
-
-.fa-odnoklassniki:before {
- content: "\f263"; }
-
-.fa-odnoklassniki-square:before {
- content: "\f264"; }
-
-.fa-get-pocket:before {
- content: "\f265"; }
-
-.fa-wikipedia-w:before {
- content: "\f266"; }
-
-.fa-safari:before {
- content: "\f267"; }
-
-.fa-chrome:before {
- content: "\f268"; }
-
-.fa-firefox:before {
- content: "\f269"; }
-
-.fa-opera:before {
- content: "\f26a"; }
-
-.fa-internet-explorer:before {
- content: "\f26b"; }
-
-.fa-tv:before,
-.fa-television:before {
- content: "\f26c"; }
-
-.fa-contao:before {
- content: "\f26d"; }
-
-.fa-500px:before {
- content: "\f26e"; }
-
-.fa-amazon:before {
- content: "\f270"; }
-
-.fa-calendar-plus-o:before {
- content: "\f271"; }
-
-.fa-calendar-minus-o:before {
- content: "\f272"; }
-
-.fa-calendar-times-o:before {
- content: "\f273"; }
-
-.fa-calendar-check-o:before {
- content: "\f274"; }
-
-.fa-industry:before {
- content: "\f275"; }
-
-.fa-map-pin:before {
- content: "\f276"; }
-
-.fa-map-signs:before {
- content: "\f277"; }
-
-.fa-map-o:before {
- content: "\f278"; }
-
-.fa-map:before {
- content: "\f279"; }
-
-.fa-commenting:before {
- content: "\f27a"; }
-
-.fa-commenting-o:before {
- content: "\f27b"; }
-
-.fa-houzz:before {
- content: "\f27c"; }
-
-.fa-vimeo-v:before,
-.fa-vimeo:before {
- content: "\f27d"; }
-
-.fa-black-tie:before {
- content: "\f27e"; }
-
-.fa-fonticons:before {
- content: "\f280"; }
-
-.fa-reddit-alien:before {
- content: "\f281"; }
-
-.fa-edge:before {
- content: "\f282"; }
-
-.fa-credit-card-alt:before {
- content: "\f283"; }
-
-.fa-codiepie:before {
- content: "\f284"; }
-
-.fa-modx:before {
- content: "\f285"; }
-
-.fa-fort-awesome:before {
- content: "\f286"; }
-
-.fa-usb:before {
- content: "\f287"; }
-
-.fa-product-hunt:before {
- content: "\f288"; }
-
-.fa-mixcloud:before {
- content: "\f289"; }
-
-.fa-scribd:before {
- content: "\f28a"; }
-
-.fa-pause-circle:before {
- content: "\f28b"; }
-
-.fa-pause-circle-o:before {
- content: "\f28c"; }
-
-.fa-stop-circle:before {
- content: "\f28d"; }
-
-.fa-stop-circle-o:before {
- content: "\f28e"; }
-
-.fa-shopping-bag:before {
- content: "\f290"; }
-
-.fa-shopping-basket:before {
- content: "\f291"; }
-
-.fa-hashtag:before {
- content: "\f292"; }
-
-.fa-bluetooth:before {
- content: "\f293"; }
-
-.fa-bluetooth-b:before {
- content: "\f294"; }
-
-.fa-percent:before {
- content: "\f295"; }
-
-.fa-gitlab:before {
- content: "\f296"; }
-
-.fa-wpbeginner:before {
- content: "\f297"; }
-
-.fa-wpforms:before {
- content: "\f298"; }
-
-.fa-envira:before {
- content: "\f299"; }
-
-.fa-universal-access:before {
- content: "\f29a"; }
-
-.fa-wheelchair-alt:before {
- content: "\f29b"; }
-
-.fa-question-circle-o:before {
- content: "\f29c"; }
-
-.fa-blind:before {
- content: "\f29d"; }
-
-.fa-audio-description:before {
- content: "\f29e"; }
-
-.fa-phone-volume:before,
-.fa-volume-control-phone:before {
- content: "\f2a0"; }
-
-.fa-braille:before {
- content: "\f2a1"; }
-
-.fa-assistive-listening-systems:before {
- content: "\f2a2"; }
-
-.fa-asl-interpreting:before,
-.fa-american-sign-language-interpreting:before {
- content: "\f2a3"; }
-
-.fa-deafness:before,
-.fa-hard-of-hearing:before,
-.fa-deaf:before {
- content: "\f2a4"; }
-
-.fa-glide:before {
- content: "\f2a5"; }
-
-.fa-glide-g:before {
- content: "\f2a6"; }
-
-.fa-signing:before,
-.fa-sign-language:before {
- content: "\f2a7"; }
-
-.fa-low-vision:before {
- content: "\f2a8"; }
-
-.fa-viadeo:before {
- content: "\f2a9"; }
-
-.fa-viadeo-square:before {
- content: "\f2aa"; }
-
-.fa-snapchat:before {
- content: "\f2ab"; }
-
-.fa-snapchat-ghost:before {
- content: "\f2ac"; }
-
-.fa-snapchat-square:before {
- content: "\f2ad"; }
-
-.fa-first-order:before {
- content: "\f2b0"; }
-
-.fa-yoast:before {
- content: "\f2b1"; }
-
-.fa-themeisle:before {
- content: "\f2b2"; }
-
-.fa-google-plus-circle:before,
-.fa-google-plus-official:before {
- content: "\f2b3"; }
-
-.fa-fa:before,
-.fa-font-awesome:before {
- content: "\f2b4"; }
-
-.fa-handshake-o:before {
- content: "\f2b5"; }
-
-.fa-envelope-open:before {
- content: "\f2b6"; }
-
-.fa-envelope-open-o:before {
- content: "\f2b7"; }
-
-.fa-linode:before {
- content: "\f2b8"; }
-
-.fa-address-book:before {
- content: "\f2b9"; }
-
-.fa-address-book-o:before {
- content: "\f2ba"; }
-
-.fa-vcard:before,
-.fa-address-card:before {
- content: "\f2bb"; }
-
-.fa-vcard-o:before,
-.fa-address-card-o:before {
- content: "\f2bc"; }
-
-.fa-user-circle:before {
- content: "\f2bd"; }
-
-.fa-user-circle-o:before {
- content: "\f2be"; }
-
-.fa-user-o:before {
- content: "\f2c0"; }
-
-.fa-id-badge:before {
- content: "\f2c1"; }
-
-.fa-drivers-license:before,
-.fa-id-card:before {
- content: "\f2c2"; }
-
-.fa-drivers-license-o:before,
-.fa-id-card-o:before {
- content: "\f2c3"; }
-
-.fa-quora:before {
- content: "\f2c4"; }
-
-.fa-free-code-camp:before {
- content: "\f2c5"; }
-
-.fa-telegram:before {
- content: "\f2c6"; }
-
-.fa-thermometer-4:before,
-.fa-thermometer:before,
-.fa-thermometer-full:before {
- content: "\f2c7"; }
-
-.fa-thermometer-3:before,
-.fa-thermometer-three-quarters:before {
- content: "\f2c8"; }
-
-.fa-thermometer-2:before,
-.fa-thermometer-half:before {
- content: "\f2c9"; }
-
-.fa-thermometer-1:before,
-.fa-thermometer-quarter:before {
- content: "\f2ca"; }
-
-.fa-thermometer-0:before,
-.fa-thermometer-empty:before {
- content: "\f2cb"; }
-
-.fa-shower:before {
- content: "\f2cc"; }
-
-.fa-bathtub:before,
-.fa-s15:before,
-.fa-bath:before {
- content: "\f2cd"; }
-
-.fa-podcast:before {
- content: "\f2ce"; }
-
-.fa-window-maximize:before {
- content: "\f2d0"; }
-
-.fa-window-minimize:before {
- content: "\f2d1"; }
-
-.fa-window-restore:before {
- content: "\f2d2"; }
-
-.fa-times-rectangle:before,
-.fa-window-close:before {
- content: "\f2d3"; }
-
-.fa-times-rectangle-o:before,
-.fa-window-close-o:before {
- content: "\f2d4"; }
-
-.fa-bandcamp:before {
- content: "\f2d5"; }
-
-.fa-grav:before {
- content: "\f2d6"; }
-
-.fa-etsy:before {
- content: "\f2d7"; }
-
-.fa-imdb:before {
- content: "\f2d8"; }
-
-.fa-ravelry:before {
- content: "\f2d9"; }
-
-.fa-eercast:before {
- content: "\f2da"; }
-
-.fa-microchip:before {
- content: "\f2db"; }
-
-.fa-snowflake-o:before {
- content: "\f2dc"; }
-
-.fa-superpowers:before {
- content: "\f2dd"; }
-
-.fa-wpexplorer:before {
- content: "\f2de"; }
-
-.fa-meetup:before {
- content: "\f2e0"; }
-
-.fa-mastodon:before {
- content: "\f2e1"; }
-
-.fa-mastodon-alt:before {
- content: "\f2e2"; }
-
-.fa-fork-circle:before,
-.fa-fork-awesome:before {
- content: "\f2e3"; }
-
-.fa-peertube:before {
- content: "\f2e4"; }
-
-.fa-diaspora:before {
- content: "\f2e5"; }
-
-.fa-friendica:before {
- content: "\f2e6"; }
-
-.fa-gnu-social:before {
- content: "\f2e7"; }
-
-.fa-liberapay-square:before {
- content: "\f2e8"; }
-
-.fa-liberapay:before {
- content: "\f2e9"; }
-
-.fa-ssb:before,
-.fa-scuttlebutt:before {
- content: "\f2ea"; }
-
-.fa-hubzilla:before {
- content: "\f2eb"; }
-
-.fa-social-home:before {
- content: "\f2ec"; }
-
-.fa-artstation:before {
- content: "\f2ed"; }
-
-.fa-discord:before {
- content: "\f2ee"; }
-
-.fa-discord-alt:before {
- content: "\f2ef"; }
-
-.fa-patreon:before {
- content: "\f2f0"; }
-
-.fa-snowdrift:before {
- content: "\f2f1"; }
-
-.fa-activitypub:before {
- content: "\f2f2"; }
-
-.fa-ethereum:before {
- content: "\f2f3"; }
-
-.fa-keybase:before {
- content: "\f2f4"; }
-
-.fa-shaarli:before {
- content: "\f2f5"; }
-
-.fa-shaarli-o:before {
- content: "\f2f6"; }
-
-.fa-cut-key:before,
-.fa-key-modern:before {
- content: "\f2f7"; }
-
-.fa-xmpp:before {
- content: "\f2f9"; }
-
-.fa-archive-org:before {
- content: "\f2fc"; }
-
-.fa-freedombox:before {
- content: "\f2fd"; }
-
-.fa-facebook-messenger:before {
- content: "\f2fe"; }
-
-.fa-debian:before {
- content: "\f2ff"; }
-
-.fa-mastodon-square:before {
- content: "\f300"; }
-
-.fa-tipeee:before {
- content: "\f301"; }
-
-.fa-react:before {
- content: "\f302"; }
-
-.fa-dogmazic:before {
- content: "\f303"; }
-
-.fa-zotero:before {
- content: "\f309"; }
-
-.fa-nodejs:before {
- content: "\f308"; }
-
-.fa-nextcloud:before {
- content: "\f306"; }
-
-.fa-nextcloud-square:before {
- content: "\f307"; }
-
-.fa-hackaday:before {
- content: "\f30a"; }
-
-.fa-laravel:before {
- content: "\f30b"; }
-
-.fa-signalapp:before {
- content: "\f30c"; }
-
-.fa-gnupg:before {
- content: "\f30d"; }
-
-.fa-php:before {
- content: "\f30e"; }
-
-.fa-ffmpeg:before {
- content: "\f30f"; }
-
-.fa-joplin:before {
- content: "\f310"; }
-
-.fa-syncthing:before {
- content: "\f311"; }
-
-.fa-inkscape:before {
- content: "\f312"; }
-
-.fa-matrix-org:before {
- content: "\f313"; }
-
-.fa-pixelfed:before {
- content: "\f314"; }
-
-.fa-bootstrap:before {
- content: "\f315"; }
-
-.fa-dev-to:before {
- content: "\f316"; }
-
-.fa-hashnode:before {
- content: "\f317"; }
-
-.fa-jirafeau:before {
- content: "\f318"; }
-
-.fa-emby:before {
- content: "\f319"; }
-
-.fa-wikidata:before {
- content: "\f31a"; }
-
-.fa-gimp:before {
- content: "\f31b"; }
-
-.fa-c:before {
- content: "\f31c"; }
-
-.fa-digitalocean:before {
- content: "\f31d"; }
-
-.fa-att:before {
- content: "\f31e"; }
-
-.fa-gitea:before {
- content: "\f31f"; }
-
-.fa-file-epub:before {
- content: "\f321"; }
-
-.fa-python:before {
- content: "\f322"; }
-
-.fa-archlinux:before {
- content: "\f323"; }
-
-.fa-pleroma:before {
- content: "\f324"; }
-
-.fa-unsplash:before {
- content: "\f325"; }
-
-.fa-hackster:before {
- content: "\f326"; }
-
-.fa-spell-check:before {
- content: "\f327"; }
-
-.fa-moon:before {
- content: "\f328"; }
-
-.fa-sun:before {
- content: "\f329"; }
-
-.fa-f-droid:before {
- content: "\f32a"; }
-
-.fa-biometric:before {
- content: "\f32b"; }
-
-.fa-wire:before {
- content: "\f32c"; }
-
-.fa-tor-onion:before {
- content: "\f32e"; }
-
-.fa-volume-mute:before {
- content: "\f32f"; }
-
-.fa-bell-ringing:before {
- content: "\f32d"; }
-
-.fa-bell-ringing-o:before {
- content: "\f330"; }
-
-.fa-hal:before {
- content: "\f333"; }
-
-.fa-jupyter:before {
- content: "\f335"; }
-
-.fa-julia:before {
- content: "\f334"; }
-
-.fa-classicpress:before {
- content: "\f331"; }
-
-.fa-classicpress-circle:before {
- content: "\f332"; }
-
-.fa-open-collective:before {
- content: "\f336"; }
-
-.fa-orcid:before {
- content: "\f337"; }
-
-.fa-researchgate:before {
- content: "\f338"; }
-
-.fa-funkwhale:before {
- content: "\f339"; }
-
-.fa-askfm:before {
- content: "\f33a"; }
-
-.fa-blockstack:before {
- content: "\f33b"; }
-
-.fa-boardgamegeek:before {
- content: "\f33c"; }
-
-.fa-bunny:before {
- content: "\f35f"; }
-
-.fa-buymeacoffee:before {
- content: "\f33d"; }
-
-.fa-cc-by:before {
- content: "\f33e"; }
-
-.fa-creative-commons-alt:before,
-.fa-cc-cc:before {
- content: "\f33f"; }
-
-.fa-cc-nc-eu:before {
- content: "\f341"; }
-
-.fa-cc-nc-jp:before {
- content: "\f342"; }
-
-.fa-cc-nc:before {
- content: "\f340"; }
-
-.fa-cc-nd:before {
- content: "\f343"; }
-
-.fa-cc-pd:before {
- content: "\f344"; }
-
-.fa-cc-remix:before {
- content: "\f345"; }
-
-.fa-cc-sa:before {
- content: "\f346"; }
-
-.fa-cc-share:before {
- content: "\f347"; }
-
-.fa-cc-zero:before {
- content: "\f348"; }
-
-.fa-conway-hacker:before,
-.fa-conway-glider:before {
- content: "\f349"; }
-
-.fa-csharp:before {
- content: "\f34a"; }
-
-.fa-email-bulk:before {
- content: "\f34b"; }
-
-.fa-email-bulk-o:before {
- content: "\f34c"; }
-
-.fa-gnu:before {
- content: "\f34d"; }
-
-.fa-google-play:before {
- content: "\f34e"; }
-
-.fa-heroku:before {
- content: "\f34f"; }
-
-.fa-hassio:before,
-.fa-home-assistant:before {
- content: "\f350"; }
-
-.fa-java:before {
- content: "\f351"; }
-
-.fa-mariadb:before {
- content: "\f352"; }
-
-.fa-markdown:before {
- content: "\f353"; }
-
-.fa-mysql:before {
- content: "\f354"; }
-
-.fa-nordcast:before {
- content: "\f355"; }
-
-.fa-plume:before {
- content: "\f356"; }
-
-.fa-postgresql:before {
- content: "\f357"; }
-
-.fa-sass-alt:before {
- content: "\f359"; }
-
-.fa-sass:before {
- content: "\f358"; }
-
-.fa-skate:before {
- content: "\f35a"; }
-
-.fa-sketchfab:before {
- content: "\f35b"; }
-
-.fa-tex:before {
- content: "\f35c"; }
-
-.fa-textpattern:before {
- content: "\f35d"; }
-
-.fa-unity:before {
- content: "\f35e"; }
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0; }
-
-.sr-only-focusable:active, .sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- clip: auto; }
-
-*,
-*:after,
-*:before {
- box-sizing: inherit; }
-
-html {
- box-sizing: border-box;
- font-size: 62.5%; }
-
-body {
- color: #212121;
- background-color: #fafafa;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
- font-size: 1.8em;
- font-weight: 400;
- line-height: 1.8em; }
- @media only screen and (max-width: 768px) {
- body {
- font-size: 1.6em;
- line-height: 1.6em; } }
-a {
- font-weight: 500;
- color: #1565c0;
- text-decoration: none;
- transition: all 0.25s ease-in; }
- a:focus, a:hover {
- text-decoration: underline; }
-
-p {
- margin: 2rem 0 2rem 0; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
- font-weight: 600;
- color: #000;
- margin: 4rem 0 2.5rem 0; }
- h1:hover .heading-link,
- h2:hover .heading-link,
- h3:hover .heading-link,
- h4:hover .heading-link,
- h5:hover .heading-link,
- h6:hover .heading-link {
- visibility: visible; }
- h1 .heading-link,
- h2 .heading-link,
- h3 .heading-link,
- h4 .heading-link,
- h5 .heading-link,
- h6 .heading-link {
- color: #1565c0;
- font-weight: inherit;
- text-decoration: none;
- font-size: 80%;
- visibility: hidden; }
- h1 .title-link,
- h2 .title-link,
- h3 .title-link,
- h4 .title-link,
- h5 .title-link,
- h6 .title-link {
- color: inherit;
- font-weight: inherit;
- text-decoration: none; }
-
-h1 {
- font-size: 3.2rem;
- line-height: 3.6rem; }
- @media only screen and (max-width: 768px) {
- h1 {
- font-size: 3rem;
- line-height: 3.4rem; } }
-h2 {
- font-size: 2.8rem;
- line-height: 3.2rem; }
- @media only screen and (max-width: 768px) {
- h2 {
- font-size: 2.6rem;
- line-height: 3rem; } }
-h3 {
- font-size: 2.4rem;
- line-height: 2.8rem; }
- @media only screen and (max-width: 768px) {
- h3 {
- font-size: 2.2rem;
- line-height: 2.6rem; } }
-h4 {
- font-size: 2.2rem;
- line-height: 2.6rem; }
- @media only screen and (max-width: 768px) {
- h4 {
- font-size: 2rem;
- line-height: 2.4rem; } }
-h5 {
- font-size: 2rem;
- line-height: 2.4rem; }
- @media only screen and (max-width: 768px) {
- h5 {
- font-size: 1.8rem;
- line-height: 2.2rem; } }
-h6 {
- font-size: 1.8rem;
- line-height: 2.2rem; }
- @media only screen and (max-width: 768px) {
- h6 {
- font-size: 1.6rem;
- line-height: 2rem; } }
-b,
-strong {
- font-weight: 700; }
-
-.highlight > div,
-.highlight > pre {
- margin: 2rem 0 2rem;
- padding: 1rem;
- border-radius: 1rem; }
-
-pre {
- display: block;
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
- font-size: 1.6rem;
- font-weight: 400;
- line-height: 2.6rem;
- overflow-x: auto;
- margin: 0; }
- pre code {
- display: inline-block;
- background-color: inherit;
- color: inherit; }
-
-code {
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
- font-size: 1.6rem;
- font-weight: 400;
- background-color: #e0e0e0;
- color: #212121;
- border-radius: 0.6rem;
- padding: 0.3rem 0.6rem; }
-
-blockquote {
- border-left: 2px solid #e0e0e0;
- padding-left: 2rem;
- line-height: 2.2rem;
- font-weight: 400;
- font-style: italic; }
-
-th,
-td {
- padding: 1.6rem; }
-
-table {
- border-collapse: collapse; }
-
-table td,
-table th {
- border: 2px solid #000; }
-
-table tr:first-child th {
- border-top: 0; }
-
-table tr:last-child td {
- border-bottom: 0; }
-
-table tr td:first-child,
-table tr th:first-child {
- border-left: 0; }
-
-table tr td:last-child,
-table tr th:last-child {
- border-right: 0; }
-
-img {
- max-width: 100%; }
-
-figure {
- text-align: center; }
-
-.preload-transitions * {
- -webkit-transition: none !important;
- -moz-transition: none !important;
- -ms-transition: none !important;
- -o-transition: none !important;
- transition: none !important; }
-
-.wrapper {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- width: 100%; }
-
-.container {
- margin: 1rem auto;
- max-width: 90rem;
- width: 100%;
- padding-left: 2rem;
- padding-right: 2rem; }
-
-.fab {
- font-weight: 400; }
-
-.fas {
- font-weight: 700; }
-
-.float-right {
- float: right; }
-
-.float-left {
- float: left; }
-
-.fab {
- font-weight: 400; }
-
-.fas {
- font-weight: 900; }
-
-.content {
- flex: 1;
- display: flex;
- margin-top: 1.6rem;
- margin-bottom: 3.2rem; }
- .content article details summary {
- cursor: pointer; }
- .content article header {
- margin-top: 6.4rem;
- margin-bottom: 3.2rem; }
- .content article header h1 {
- font-size: 4.2rem;
- line-height: 4.6rem;
- margin: 0; }
- @media only screen and (max-width: 768px) {
- .content article header h1 {
- font-size: 4rem;
- line-height: 4.4rem; } }
- .content article footer {
- margin-top: 4rem; }
- .content article footer .see-also {
- margin: 3.2rem 0; }
- .content article footer .see-also h3 {
- margin: 3.2rem 0; }
- .content article p {
- text-align: justify;
- text-justify: auto;
- hyphens: auto; }
- .content .post .post-title {
- margin-bottom: 0.75em; }
- .content .post .post-meta i {
- text-align: center;
- width: 1.6rem;
- margin-left: 0;
- margin-right: 0.5rem; }
- .content .post .post-meta .date .posted-on {
- margin-left: 0;
- margin-right: 1.5rem; }
- .content .post .post-meta .tags .tag {
- display: inline-block;
- padding: 0.3rem 0.6rem;
- background-color: #e0e0e0;
- border-radius: 0.6rem;
- line-height: 1.4em; }
- .content .post .post-meta .tags .tag a {
- color: #212121; }
- .content .post .post-meta .tags .tag a:active {
- color: #212121; }
- .content figure {
- margin: 0;
- padding: 0; }
- .content figcaption p {
- text-align: center;
- font-style: italic;
- font-size: 1.6rem;
- margin: 0; }
-
-.avatar img {
- width: 20rem;
- height: auto;
- border-radius: 50%; }
- @media only screen and (max-width: 768px) {
- .avatar img {
- width: 10rem; } }
-.list ul {
- margin: 3.2rem 0 3.2rem 0;
- list-style: none;
- padding: 0; }
- .list ul li {
- font-size: 1.8rem; }
- @media only screen and (max-width: 768px) {
- .list ul li {
- margin: 1.6rem 0 1.6rem 0; } }
- .list ul li .date {
- display: inline-block;
- flex: 1;
- width: 20rem;
- text-align: right;
- margin-right: 3rem; }
- @media only screen and (max-width: 768px) {
- .list ul li .date {
- display: block;
- text-align: left; } }
- .list ul li .title {
- font-size: 1.8rem;
- flex: 2;
- color: #212121;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
- font-weight: 700; }
- .list ul li .title:hover, .list ul li .title:focus {
- color: #1565c0; }
-
-@media only screen and (min-width: 768.1px) {
- .list ul:not(.pagination) li {
- display: flex; } }
-
-.centered {
- display: flex;
- align-items: center;
- justify-content: center; }
- .centered .about {
- text-align: center; }
- .centered .about h1 {
- margin-top: 2rem;
- margin-bottom: 0.5rem; }
- .centered .about h2 {
- margin-top: 1rem;
- margin-bottom: 0.5rem;
- font-size: 2.4rem; }
- @media only screen and (max-width: 768px) {
- .centered .about h2 {
- font-size: 2rem; } }
- .centered .about ul {
- list-style: none;
- margin: 3rem 0 1rem 0;
- padding: 0; }
- .centered .about ul li {
- display: inline-block;
- position: relative; }
- .centered .about ul li a {
- color: #212121;
- text-transform: uppercase;
- margin-left: 1rem;
- margin-right: 1rem;
- font-size: 1.6rem; }
- .centered .about ul li a:hover, .centered .about ul li a:focus {
- color: #1565c0; }
- @media only screen and (max-width: 768px) {
- .centered .about ul li a {
- font-size: 1.4rem; } }
- .centered .error {
- text-align: center; }
- .centered .error h1 {
- margin-top: 2rem;
- margin-bottom: 0.5rem;
- font-size: 4.6rem; }
- @media only screen and (max-width: 768px) {
- .centered .error h1 {
- font-size: 3.2rem; } }
- .centered .error h2 {
- margin-top: 2rem;
- margin-bottom: 3.2rem;
- font-size: 3.2rem; }
- @media only screen and (max-width: 768px) {
- .centered .error h2 {
- font-size: 2.8rem; } }
-.notice {
- border-radius: 0.2rem;
- position: relative;
- margin: 2rem 0;
- padding: 0 0.75rem;
- overflow: auto; }
- .notice .notice-title {
- position: relative;
- font-weight: 700;
- margin: 0 -0.75rem;
- padding: 0.2rem 3.5rem;
- border-bottom: 1px solid #fafafa; }
- .notice .notice-title i {
- position: absolute;
- top: 50%;
- left: 1.8rem;
- transform: translate(-50%, -50%); }
- .notice .notice-content {
- display: block;
- margin: 2rem 2rem; }
-
-.notice.note {
- background-color: #7e57c21a; }
- .notice.note .notice-title {
- background-color: #673ab71a; }
- .notice.note .notice-title i {
- color: #5e35b1; }
-
-.notice.tip {
- background-color: #26a69a1a; }
- .notice.tip .notice-title {
- background-color: #0096881a; }
- .notice.tip .notice-title i {
- color: #00897b; }
-
-.notice.example {
- background-color: #8d6e631a; }
- .notice.example .notice-title {
- background-color: #7955481a; }
- .notice.example .notice-title i {
- color: #6d4c41; }
-
-.notice.question {
- background-color: #9ccc651a; }
- .notice.question .notice-title {
- background-color: #8bc34a1a; }
- .notice.question .notice-title i {
- color: #7cb342; }
-
-.notice.info {
- background-color: #42a5f51a; }
- .notice.info .notice-title {
- background-color: #2196f31a; }
- .notice.info .notice-title i {
- color: #1e88e5; }
-
-.notice.warning {
- background-color: #ffca281a; }
- .notice.warning .notice-title {
- background-color: #ffc1071a; }
- .notice.warning .notice-title i {
- color: #ffb300; }
-
-.notice.error {
- background-color: #ef53501a; }
- .notice.error .notice-title {
- background-color: #f443361a; }
- .notice.error .notice-title i {
- color: #e53935; }
-
-.navigation {
- height: 6rem;
- width: 100%; }
- .navigation a,
- .navigation span {
- display: inline;
- font-size: 1.7rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
- font-weight: 600;
- color: #212121; }
- .navigation a:hover, .navigation a:focus {
- color: #1565c0; }
- .navigation .navigation-title {
- letter-spacing: 0.1rem;
- text-transform: uppercase; }
- .navigation .navigation-list {
- float: right;
- list-style: none;
- margin-bottom: 0;
- margin-top: 0; }
- @media only screen and (max-width: 768px) {
- .navigation .navigation-list {
- position: relative;
- top: 2rem;
- right: 0;
- z-index: 5;
- visibility: hidden;
- opacity: 0;
- padding: 0;
- max-height: 0;
- width: 100%;
- background-color: #fafafa;
- border-top: solid 2px #e0e0e0;
- border-bottom: solid 2px #e0e0e0;
- transition: opacity 0.25s, max-height 0.15s linear; } }
- .navigation .navigation-list .navigation-item {
- float: left;
- margin: 0;
- position: relative; }
- @media only screen and (max-width: 768px) {
- .navigation .navigation-list .navigation-item {
- float: none !important;
- text-align: center; }
- .navigation .navigation-list .navigation-item a,
- .navigation .navigation-list .navigation-item span {
- line-height: 5rem; } }
- .navigation .navigation-list .navigation-item a,
- .navigation .navigation-list .navigation-item span {
- margin-left: 1rem;
- margin-right: 1rem; }
- @media only screen and (max-width: 768px) {
- .navigation .navigation-list .separator {
- display: none; } }
- @media only screen and (max-width: 768px) {
- .navigation .navigation-list .menu-separator {
- border-top: 2px solid #212121;
- margin: 0 8rem; }
- .navigation .navigation-list .menu-separator span {
- display: none; } }
- .navigation #dark-mode-toggle {
- margin: 1.7rem 0;
- font-size: 2.4rem;
- line-height: inherit;
- bottom: 2rem;
- left: 2rem;
- z-index: 100;
- position: fixed; }
- .navigation #menu-toggle {
- display: none; }
- @media only screen and (max-width: 768px) {
- .navigation #menu-toggle:checked + label > i {
- color: #e0e0e0; }
- .navigation #menu-toggle:checked + label + ul {
- visibility: visible;
- opacity: 1;
- max-height: 100rem; } }
- .navigation .menu-button {
- display: none; }
- @media only screen and (max-width: 768px) {
- .navigation .menu-button {
- position: relative;
- display: block;
- font-size: 2.4rem;
- font-weight: 400; } }
- .navigation .menu-button i:hover, .navigation .menu-button i:focus {
- color: #000; }
- .navigation i {
- color: #212121;
- cursor: pointer; }
- .navigation i:hover, .navigation i:focus {
- color: #1565c0; }
-
-.pagination {
- margin-top: 6rem;
- text-align: center;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
- .pagination li {
- display: inline;
- text-align: center;
- font-weight: 700; }
- .pagination li span {
- margin: 0;
- text-align: center;
- width: 3.2rem; }
- .pagination li a {
- font-weight: 300; }
- .pagination li a span {
- margin: 0;
- text-align: center;
- width: 3.2rem; }
-
-.tabs {
- display: flex;
- flex-wrap: wrap;
- margin: 2rem 0 2rem 0;
- position: relative; }
- .tabs.tabs-left {
- justify-content: flex-start; }
- .tabs.tabs-left label.tab-label {
- margin-right: 0.5rem; }
- .tabs.tabs-left .tab-content {
- border-radius: 0px 4px 4px 4px; }
- .tabs.tabs-right {
- justify-content: flex-end; }
- .tabs.tabs-right label.tab-label {
- margin-left: 0.5rem; }
- .tabs.tabs-right .tab-content {
- border-radius: 4px 0px 4px 4px; }
- .tabs input.tab-input {
- display: none; }
- .tabs label.tab-label {
- background-color: #e0e0e0;
- border-color: #ccc;
- border-radius: 4px 4px 0px 0px;
- border-style: solid;
- border-bottom-style: hidden;
- border-width: 1px;
- cursor: pointer;
- display: inline-block;
- order: 1;
- padding: 0.3rem 0.6rem;
- position: relative;
- top: 1px;
- user-select: none; }
- .tabs input.tab-input:checked + label.tab-label {
- background-color: #fafafa; }
- .tabs .tab-content {
- background-color: #fafafa;
- border-color: #ccc;
- border-style: solid;
- border-width: 1px;
- display: none;
- order: 2;
- padding: 1rem;
- width: 100%; }
- .tabs.tabs-code .tab-content {
- padding: 0.5rem; }
- .tabs.tabs-code .tab-content pre {
- margin: 0; }
-
-.taxonomy li {
- display: inline-block;
- margin: 0.9rem; }
-
-.taxonomy .taxonomy-element {
- display: block;
- padding: 0.3rem 0.9rem;
- background-color: #e0e0e0;
- border-radius: 0.6rem; }
- .taxonomy .taxonomy-element a {
- color: #212121; }
- .taxonomy .taxonomy-element a:active {
- color: #212121; }
-
-.footer {
- width: 100%;
- text-align: center;
- font-size: 1.6rem;
- line-height: 2rem;
- margin-bottom: 1rem; }
- .footer a {
- color: #1565c0; }
-
-.float-container {
- bottom: 2rem;
- right: 2rem;
- z-index: 100;
- position: fixed;
- font-size: 1.6em; }
- .float-container a {
- position: relative;
- display: inline-block;
- width: 3rem;
- height: 3rem;
- font-size: 2rem;
- color: #000;
- background-color: #e0e0e0;
- border-radius: 0.2rem;
- opacity: 0.5;
- transition: all 0.25s ease-in; }
- .float-container a:hover, .float-container a:focus {
- color: #1565c0;
- opacity: 1; }
- @media only screen and (max-width: 768px) {
- .float-container a:hover, .float-container a:focus {
- color: #000;
- opacity: 0.5; } }
- .float-container a i {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%); }
-
-/*# sourceMappingURL=coder.css.map */
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.json b/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.json
deleted file mode 100644
index cfa430e..0000000
--- a/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/coder.css","MediaType":"text/css","Data":{}}
\ No newline at end of file