In this category, I post new software I find, information about current software or tricks that can be utilised in current software.
+ 04/08/23
- Why I Switched Fonts
25/07/23
- Use Plaintext
10/07/23
- Oversimplification Kills
02/07/23
- Open-Source Islam Apps?
diff --git a/font/index.html b/font/index.html
new file mode 100644
index 0000000..b86248a
--- /dev/null
+++ b/font/index.html
@@ -0,0 +1,30 @@
+
+
+
+ (POST) Why I Switched Fonts
+
+
+
+
+
+
+
+
+ _______ _ _ _______ __ __ _______ _______ __ _
+ |______ | | |______ \_/ |_____| |_____| | \ |
+ ______| |_____| | | | | | | | \_|
+
+
+
+ sf.cu > Blog > Why I Switched Fonts
+ Why I Switched Fonts
+ 04 August 2023
4 min
Software
+ This post is just a quick update to announce a hard decision that I have made. I have switched the font on this website from JetBrains Mono to Courier New . This change was made because I feel like JetBrains Mono looks more fitting in a terminal because it looks janky on a website. Courier New is a monospace font but still maintains the feeling and look I want from my website.
+ This change has had an unintended benefit. Previously, my website's homepage weighed around 50KB in size which is spectacular. However, what I did not realize was that around 40KB were being taken up by JetBrains Mono. By switching to a default typeface, my website now weighs a shockingly low 12KB. If you would like to view the full GTMetrix report, do so here.
+ >>> Reply To Me
+ Previous Post - First Post
+
+
diff --git a/font/website-report.pdf b/font/website-report.pdf
new file mode 100644
index 0000000..7af3dc3
Binary files /dev/null and b/font/website-report.pdf differ
diff --git a/index.html b/index.html
index d455f42..436e233 100644
--- a/index.html
+++ b/index.html
@@ -33,11 +33,11 @@
diff --git a/rss.xml b/rss.xml
index ddc662c..7cddb69 100644
--- a/rss.xml
+++ b/rss.xml
@@ -4,6 +4,17 @@
Sufyaan's Posts
https://sufyaan.cyou/
Blog posts on Sufyaan's website
+-
+
Why I Switched Fonts
+ https://sufyaan.cyou/font/
+ https://sufyaan.cyou/font/
+ Fri, 4 Aug 2023 20:30:00 GMT
+ Why I Switched Fonts
+ 04 August 2023
4 min
Software
+ This post is just a quick update to announce a hard decision that I have made. I have switched the font on this website from JetBrains Mono to Courier New . This change was made because I feel like JetBrains Mono looks more fitting in a terminal because it looks janky on a website. Courier New is a monospace font but still maintains the feeling and look I want from my website.
+ This change has had an unintended benefit. Previously, my website's homepage weighed around 50KB in size which is spectacular. However, what I did not realize was that around 40KB were being taken up by JetBrains Mono. By switching to a default typeface, my website now weighs a shockingly low 12KB. If you would like to view the full GTMetrix report, do so here.
+ >>> Reply To Me
+
-
Tools I Use
https://sufyaan.cyou/uses/
diff --git a/style.css b/style.css
index 2bf03d1..eaa0bf5 100644
--- a/style.css
+++ b/style.css
@@ -1,144 +1,136 @@
b,ol,p,ul,figcaption{
- font-family:'Courier New', Courier, monospace
+ font-family:'Courier New', Courier, monospace
}
body,h1{
- color:#f8f8f2
+ color:#f8f8f2
}
figcaption{
font-weight:bold;
font-size:90%;
- color:#50fa7b
+ color:#50fa7b
}
.posts,h1,h2,h3,ol,p,ul{
- margin-left:8vw
+ margin-left:8vw
}
-
.main-header {
- text-align: center;
- font-size: 0.75vw;
- font-weight: bolder;
- color: #8be9fd;
- padding: 25px;
- text-decoration: none;
+ text-align: center;
+ font-size: 0.75vw;
+ font-weight: bolder;
+ color: #8be9fd;
+ padding: 25px;
+ text-decoration: none;
}
-
svg {
- margin-right:2%;
- margin-top:2%;
- margin-bottom:-0.75%;
+ margin-right:2%;
+ margin-top:2%;
+ margin-bottom:-0.75%;
}
-
svg.posts {
- margin-right:0.75%;
- margin-top:-2%;
- margin-bottom:-0.13%;
- margin-left:0%;
- width: 16px;
- height: 16px;
+ margin-right:0.75%;
+ margin-top:-2%;
+ margin-bottom:-0.13%;
+ margin-left:0%;
+ width: 16px;
+ height: 16px;
}
-
svg.postinfo {
- margin-right:0.75%;
- margin-top:0%;
- margin-bottom:-0.35%;
- margin-left:-0.2%;
- width: 20px;
- height: 20px;
+ margin-right:0.75%;
+ margin-top:0%;
+ margin-bottom:-0.35%;
+ margin-left:-0.2%;
+ width: 20px;
+ height: 20px;
}
-
svg.heading2 {
- margin-right:0.75%;
- margin-top:0%;
- margin-bottom:-0.35%;
- margin-left:-0.2%;
- width: 32px;
- height: 32px;
+ margin-right:0.75%;
+ margin-top:0%;
+ margin-bottom:-0.35%;
+ margin-left:-0.2%;
+ width: 32px;
+ height: 32px;
}
svg.footer-posts{
- margin-right:0.4%;
- margin-top:0%;
- margin-bottom:-0.45%;
- margin-left:0%;
- width: 24px;
- height: 24px;
+ margin-right:0.4%;
+ margin-top:0%;
+ margin-bottom:-0.45%;
+ margin-left:0%;
+ width: 24px;
+ height: 24px;
}
-
svg.titles {
- margin-right:0.50%;
- margin-top:0.5%;
- margin-bottom:-0.53%;
- margin-left:0%;
- width: 40px;
- height: 40;
+ margin-right:0.50%;
+ margin-top:0.5%;
+ margin-bottom:-0.53%;
+ margin-left:0%;
+ width: 40px;
+ height: 40;
}
-
.pane{
- margin-left:1vw;
+ margin-left:1vw;
}
-
.nested-list,.posts,h1,ol,ul{
margin-top:1vw;
- margin-bottom:1vw
+ margin-bottom:1vw
}
.responsive,div.desc,footer{
- text-align:center
+ text-align:center
}
body{
- background:#282b35
+ background:#282b35
}
p,ol,ul{
margin-right:8vw;
- font-weight:400
+ font-weight:400
}
img{
- width:30vw
+ width:30vw
}
b{
- font-weight:700
+ font-weight:700
}
ol,ul{
- font-weight:400
+ font-weight:400
}
code,h1,h2,h3{
font-weight:700;
- font-family:'Courier New', Courier, monospace
+ font-family:'Courier New', Courier, monospace
}
hr{
width:87%;
- color:#6272a4
+ color:#6272a4
}
code{
color:#50fa7b;
- overflow-wrap:break-word
+ overflow-wrap:break-word
}
a{
- color:#8be9fd
+ color:#8be9fd
}
footer{
- margin-top:1.5%
+ margin-top:1.5%
}
h1{
- font-size:200%
+ font-size:200%
}
h2{
font-size:150%;
margin-top:1.5vw;
- margin-bottom:1.5vw
+ margin-bottom:1.5vw
}
h3{
- font-size:110%
+ font-size:110%
}
i{
- margin-right:10px
+ margin-right:10px
}
.posts{
font-family:'Courier New', Courier, monospace;
- list-style-type:none
+ list-style-type:none
}
.code-posts{
font-family:'Courier New', Courier, monospace;
color:#6272a4;
- font-size:80%
+ font-size:80%
}
.homepage-title{
display:block;
@@ -148,36 +140,36 @@ i{
margin-right:auto;
width:30%;
max-width:35%;
- height:7.5%
+ height:7.5%
}
.footer-text{
- font-family:'Courier New', Courier, monospace
+ font-family:'Courier New', Courier, monospace
}
.nested-list{
margin-left:-2vw;
- margin-right:3vw
+ margin-right:3vw
}
div.gallery{
- border:1px solid #6272a4
+ border:1px solid #6272a4
}
div.gallery:hover{
- border:1px solid #8be9fd
+ border:1px solid #8be9fd
}
div.gallery img{
width:100%;
- height:auto
+ height:auto
}
div.desc{
- padding:15px
+ padding:15px
}
*{
- box-sizing:border-box
+ box-sizing:border-box
}
.main{
margin-left:10vw;
margin-right:7vw;
width:90vw;
- margin-bottom:4vw
+ margin-bottom:4vw
}
.responsive{
font-family:'Courier New', Courier, monospace;
@@ -185,119 +177,117 @@ div.desc{
margin:auto;
display:block;
float:left;
- width:22%
+ width:22%
}
.clearfix:after{
content:"";
display:table;
- clear:both
+ clear:both
}
.column {
- float: left;
- width: 33%;
- padding: 10px;
+ float: left;
+ width: 33%;
+ padding: 10px;
}
-
.row:after {
- content: "";
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- clear: both;
+ content: "";
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ clear: both;
}
-
.row {
- width: 85%;
- margin: auto;
+ width: 85%;
+ margin: auto;
}
-
@media screen and (max-width:600px){
.posts,h1,h2,h3,ol,p,ul{
margin-left:20px;
margin-right:20px;
- margin-top:30px
+ margin-top:30px
+ }
+ .column {
+ width: 100%;
+ }
+ .row {
+ width: 100%;
}
- .column {
- width: 100%;
- }
- .row {
- width: 100%;
- }
hr{
- width:93%
+ width:93%
}
.posts{
font-size:90%;
- padding:0
+ padding:0
+ }
+ .main-header {
+ text-align: center;
+ font-size: 1.95vw;
+ font-weight: bolder;
+ padding: 15px;
}
- .main-header {
- text-align: center;
- font-size: 1.95vw;
- font-weight: bolder;
- padding: 15px;
-}
.code-posts{
- font-size:75%
+ font-size:75%
+ }
+ svg.footer-posts{
+ margin-right:0.75%;
+ margin-top:0%;
+ margin-bottom:-1.5%;
+ margin-left:0%;
+ width: 24px;
+ height: 24px;
+ }
+ svg.heading2 {
+ margin-right:2.75%;
+ margin-top:2%;
+ margin-bottom:-2.35%;
+ margin-left:-0.2%;
}
-svg.footer-posts{
- margin-right:0.75%;
- margin-top:0%;
- margin-bottom:-1.5%;
- margin-left:0%;
- width: 24px;
- height: 24px;
-}
-svg.heading2 {
- margin-right:2.75%;
- margin-top:2%;
- margin-bottom:-2.35%;
- margin-left:-0.2%;
-}
.homepage-title{
width:50%;
max-width:75%;
- height:12.5%
+ height:12.5%
+ }
+ svg.posts {
+ margin-right:3%;
+ margin-top:0%;
+ margin-bottom:-0.55%;
+ margin-left:0%;
+ }
+ svg.postinfo {
+ margin-right:2.75%;
+ margin-top:0%;
+ margin-bottom:-2.00%;
+ margin-left:-0.2%;
+ }
+ svg.titles {
+ margin-right:1.50%;
+ margin-top:0.5%;
+ margin-bottom:-2.53%;
+ margin-left:0%;
}
- svg.posts {
- margin-right:3%;
- margin-top:0%;
- margin-bottom:-0.55%;
- margin-left:0%;
- }
-svg.postinfo {
- margin-right:2.75%;
- margin-top:0%;
- margin-bottom:-2.00%;
- margin-left:-0.2%;
-}
-svg.titles {
- margin-right:1.50%;
- margin-top:0.5%;
- margin-bottom:-2.53%;
- margin-left:0%;
-}
.nested-list{
margin-left:-6vw;
margin-top:4vw;
- margin-bottom:4vw
+ margin-bottom:4vw
}
.responsive{
width:100%;
- padding-bottom:4vw
+ padding-bottom:4vw
}
div.gallery{
- border:1px solid #282b35
+ border:1px solid #282b35
}
div.gallery:hover{
- border:1px solid #8be9fd
+ border:1px solid #8be9fd
}
.main{
width:75vw;
margin-top:7vw;
- padding:8px
+ padding:8px
}
}
@media screen and (max-width:1150px){
img{
- width:75vw
+ width:75vw
}
}
+
diff --git a/terminal/index.html b/terminal/index.html
index fb41782..cd8d7df 100644
--- a/terminal/index.html
+++ b/terminal/index.html
@@ -62,7 +62,7 @@
To Sum It All Up...
...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases.
>>> Reply To Me
- Latest Post - Next Post
+ Latest Post - Next Post
diff --git a/uses/index.html b/uses/index.html
index a0ec4d4..bc275ed 100644
--- a/uses/index.html
+++ b/uses/index.html
@@ -139,7 +139,7 @@
These are all of the tools I use. They may change in the future, but there is a low chance of that happening since I have gotten used to all of these amazing tools.
>>> Reply To Me
- Previous Post - First Post
+ Previous Post - Next Post