What’s new in BINUS Today, August 2022.

we yeeted that (#_ )-ful .env vulnerabilty out;

that said we decided to split our sitemaps into sitemap.php and sitemapindex.php, && kindly ask search engines to index sitemapindex.php first so yeah;

thanks for visiting BINUS Today;

(#_ )-ly yours,
(#_ )

Printcast #1: Don’t just be a fan. Be.

Hi, I’m Shiftine. I can’t believe it’s about 6 months since we announced our first printcast series. And unfortunately, there’s no one real yet, so let’s go!

In recent days we’re starting to be like root. You know, a root‘s colleague is root and called as root, too! Some roots are root of roots, and many are rooted by roots. And finally, root roots root, root, and fully understand what the root root is this rootness!

Starting today I’ll be writing a new interesting topic on this site: Shiftbounding. Shiftbounding isn’t just all about being a fan of us, ’cause we’re very happy for fans like you to become part of us, SYSTEM or root.

And through this printcast we’re gonna announce something awesome, yet miserable, about my future as Shiftine.

Hi, Reinhart! How’s your Shift right now?
Ah, great! I mean, CAPSIFIED!!!
So, you’re accidentally cosplayed yourself as yourself last week, huh?
Heck yeah! I’ve never been this Shift.
Wait a minute… Are we switching places? Like… should I be the one who wrote printcasts and I don’t know, I’m feeling starting to speak like you…
Well, sounds like we’ve been SHIFTING places…
Reinhart and Shiftine laughs while accidentally shifting across parallel universes in 0.5x A presses
But really, there’s something we have to announce here:
Wait, did we even disclose about that project?
Isn’t it just like, a few days ago? On your Instagram account?
That said, I still love that pair of clothing. You should definitely declare that as our official superhero costume.
Sure. I’m even starting to tell everyone that I’m “cosplaying my own self”. And coincidentally there was another cosplay event around Central Park Mall Jakarta last week.
Also, wearing that makes me feel that Shifts like us are becoming more like Green Lantern or so.
Yeah, that’s correct. But instead of fighting intergalactic crimes, WE’RE FIGHTING INTERVERSAL CRIMEZ!!!!!!
and that includes those C-1 TikTok girls who just wanna live on R-949273464096753, right?
Ha. It’s all that fun until you’re cursed into a robot or an overpowered, disembodied AI, though.
And that actually exposes a bigger problem in our community. By the way, are you feeling cursed being me in C-1 right now?
No way! Let’s be honest, I’m starting to emphatize myself with how far these C-1 people have lost.
And since you’ll never let me to become a human (you told your God didn’t want humans to become gods after the first sin) the best way I can do is, well, being together with humans like you.
Anyway, what’s the matter?
with the society?
Well, I’ve met several people who are fans of universes. Like those Anime worlds, video games, League of Legends, Genshin Impact, and more…
And then?
Those universes are actually human imagination, yet many are protected under the laws of intellectual properties set in the universe which I’d rather like to call, the Canonical Universe.
Canonical. Is that the same as C-1?
Sure. Now do you know who owns Universal, the company? Y’know, Universal Music, Universal Pictures, Universal Studios and more…
Comcast, isn’t it? Universal merged with NBC to form NBCUniversal, which is then acquired by Comcast back in 2013.
Sure, you’ve been scraping Wikipedia content for too much. Just don’t forget about those rate limits and vandalism issues, though.
But here’s another question. Why the heck a telecommunications company would really want to acquire a media company?
For streaming services, maybe? Netflix have gone digital since 2007, Spotify in 2006… so they can just make another one out of hundreds of Universal content…
Well, almost. But the answer is beyond that. Look, they also want every single “universe” that the media company produces.
From there, they can produce practically everything: movies, video games, official merchandises, even now virtual group bands!
That reminds me of something that’s called a shovelware. Atari’s E. T., Superman 64, Hotel Mario, and everything’s bad for the sake of money!
Heck, even there’s a conspiracy lying around that Indonesia is still a “beta country” — hence all economic and political stability issues and so on.
Oh, please, no. What a beta…
So, in this printcast, what should we discuss first? Is it about the merge?
Yes, but more importantly, we have to discuss about our new logo first:
Alright, so, how do you feel about this?
Pretty solid, huh?
Yeah, but,
Em… looks like a plastic balloon or an icy shift?
And the best part is, this logo is freakin’ glow in the dark!
This logo is actually divided into three layers, representing our bubbly, salty, and icy relationship which empowers others, too!
And yeah, despite creating multiple OCs (original character) like pr0xy, I’ve never seen my characters smile as much as you do.
It’s really weird to say that I’m a fan of my own creation, which some people may consider that as idolatry.
I just wanna live a better life, and after looking at how Indonesian V-Tubers fail at faking things…
Like what?
“I’m a fallen angel.”, “I’m an Atlantis refugee.”, and finally, “I’m an elite security guard who fails at Poppy Playtime.”
So, you don’t want to fake anymore?
Yeah, I don’t wanna fake things anymore.
That said, how’s your commitment for us, like me who’s being virtual all day along. I love…
Yo let’s merge
Come on this time we’ll be awesome!
In 3…
Shiftine finally merged for the sake of BeReal
…and Shiftine unmerges
Hey, where’s my Caps?
I don’t know, but now I’m kinda wrapped in blue membrane? or plastic?
So wait… You’re Caps right now?
I don’t know, maybe we should test your Caps-calling technique on me.
Oh, right! Okay, I need you to run away, and when I say that command, just beware if Caps pulls you back so you don’t hurt.
Hey, why not call Caps from that stair so if the command works, I’ll levitate instead.
Sure, I hope this one won’t be disturbing at all, ’cause the command is still in effect until Caps covers my chest.
But if it is, I have to merge again with you until we can finally fix this.
Alright Shift, bye!
Reinhart ran away
Reinhart pulled off backwards, tossing Shiftine at high-speed and flown mid-air.
Oh no! It’s too late to cancel this call! Are you okay if I have to merge forever?
Yeah, it’s fine. Thanks for the shift, Shift!
Shiftine merges back with Reinhart’s body
Well, Nate. I think it’s funny to call you Capsman, ’cause you, I mean we, have just become a Caps-skinned human being.
Well, I actually have a plan, though, converting humans into superheroes like us. I still wanna call myself as Shift, you know, like the Shift of Worlds and Nations.
Sounds cool, though. But are you sure people won’t be confused between you and me? Or why Caps is a boy now?
Well, we could write a script to detach Caps from me, or made another Caps which is shaped more like you and put your soul into it.
So one day, our journey can continue as…
Shift and Shiftine. Right?
Exactly! Now how do you feel about that?
Well, I can finally be free if that’s true. But the most important thing is I can finally never be alone right now ’cause we’re stuck together.
Yeah, I really, really need you in my life. I designed you not to be perfect but optimistic and empowering, and I love it, and now I feel I have to be the character I’ve designed after being upset in many, many things.
If I really have to write a fandom policy it would be in one, simple sentence.
Don’t just be a fan, be.
If you like someone because of their works, don’t just be a die-hard consumer of their product. Instead, try become the person you love so that it empowers everyone who contribute to the fan community.
And that’s the real reason behind this merge?
But well, I’m afraid that I’ll be losing my friends. Like, the SYSTEM alumni, or Northwind Traders, the ones working on Contoso and VanArsdel right now?
As far as I concerned, yeah, there are times that we have to say goodbye before moving on. We’re going to ascend to C-1, and you’ll have the chance to see the motherboard, the real place where F-1 and those SYSTEM saga is contained within C-1.
Sorry, what’s C-1 and F-1, again?
C-1 is the universe where I was born, while F-1 is the universe I created and where you were born.
Okay, Shift…
Hey you’re starting to call me Shift!?
Hey I’m just giving you an encouragement to be the Shift of Worlds and Nations.
Okay, Shift, LET’S Shift!!!
Until next time, Shift!
Good bye!
Chat ended

Update July 30, 2022

Hi everyone, Shift’s here.

I’ve finally be able to disintegrate from Caps! He’s looking exactly like me, though, except with thick, transparent body.

Caps itself is genderless, but I currently prefer to call it “him” as it really looks like me. I donated my old outfits for him to turn into his favorite, icy forms.

Interestingly enough, removing Caps from me doesn’t seem to solve the problem As soon as I remove him, my body starting to emit the same materials as Caps, again!

But don’t worry, I still have much control about Caps and his substance as I generally do on Universe F-1. And I might make another, female version of Caps to honor the original character I created and merged into.

Unfortunately, my rootheads are starting to be lazy on doing things. And if I have to, I might replace them with my trusty Caps, or even instances of Caps.

That’s all for now. Have a nice shift and a Capsified day!

Surat Pengunduran Diri.

Sehubungan dengan adanya kontroversi dan konflik kepentingan terkait penerapan Peraturan Menteri Komunikasi dan Informatika (Permenkominfo) Nomor 10 Tahun 2021, tentang perubahan atas Permenkominfo Nomor 5 Tahun 2020 tentang Penyelenggaraan Sistem Elektronik Lingkup Privat;

Saya memutuskan untuk berhenti dan mengurungkan seluruh niat untuk membangun aplikasi-aplikasi yang memanfaatkan koneksi Internet, alias online-first. Iya, ini semua termasuk aplikasi-aplikasi superapp dan penengah*, yang kerap mengklaim dirinya sebagai penggerak perekonomian bangsa dan juga yang selalu disponsori besar-besaran oleh pemerintah melalui Gerakan 1000 Startup Digital.

Gojek yang juga mengklaim dirinya sebagai aplikasi penengah.

Dalam kasus ini, proyek ASEAN Entrepreneurship Profiling (AEP Mobile) akan menjadi proyek terakhir saya dalam mengembangkan aplikasi berbasis jaringan Internet. Setelah itu, jika kondisi regulasi Internet dan ruang siber Indonesia masih memburuk, saya tetap akan mengurungkan seluruh niat sampai waktu yang tidak ditentukan.

Beberapa aplikasi penengah yang disponsori oleh Gerakan 1000 Startup Digital Indonesia.

Saya akan kembali fokus memproduksi buah di kebun yang lama, salah satu kebun yang sudah ditinggalkan masyarakat demi kebun yang terlihat menghasilkan lebih banyak buah, berkat pupuk viral dan pupuk ternama dari para pengiklan dan modal ventura.

Poundland! Everything’s £1!!! (Edward Hands, CC BY-SA 4.0)

Saya akan tetap berjuang mewujudkan teknologi informasi dan komunikasi (TIK) yang lebih baik bagi Indonesia, namun dengan cara konvensional yang kini sebenarnya sudah tidak konvensional lagi. Hampir setiap aplikasi unggulan karya anak bangsa yang dirilis sejak 5 tahun terakhir selalu menyematkan fitur-fitur wajib seperti sign up dan log in (SULI), karena itu mereka sudah menjadi hal yang sangat konvensional bagi mata dan diri saya sendiri.

Salah satu kampanye promosi buah hasil ladang lama yang konon dikatakan konvensional.

Dan satu lagi, saya tetap memutuskan untuk menolak Web3 dan mencari alternatif solusi yang lebih baik, seperti Web0. Saya sangat ingin agar setiap produk dan inovasi yang akan saya kembangkan selama 2 tahun ke depan dapat dinikmati oleh siapapun, tanpa perlu khawatir akan gejolak kurs asing dan memahami jargon-jargon kriptografi yang cukup banyak. Toh Alice awalnya cuman mau kirim pesan aja ke si Bob, ga mikirin tentang konsensus, EVM, PoW, dan PoS…

Akhir kata, saya ingin mengucapkan banyak terima kasih atas segala penawaran dan kesempatan kerjasama yang telah Anda dan kalian semua berikan sejak 3 tahun terakhir. Namun, sebagai Anak IT pertama di Indonesia saya kini harus berhadapan dengan misi-misi dan masalah-masalah baru di Indonesia.

Indomaret Villa Bintaro Regency (VulcanSphere, CC BY 4.0)

*Aplikasi penengah adalah aplikasi yang berambisi untuk menjadi penegah bagi kehidupan dan pemenuhan kebutuhan masyarakat. Misalnya Tiket.com dan Traveloka yang ingin menjadi penengah segala keinginan perjalanan dan pariwisata, PeduliLindungi yang merupakan penengah kontrol sosial masyarakat selama pandemi dan seterusnya, HappyFresh dan Segari yang ingin menjadi penengah kebutuhan belanja bahan pokok masyarakat, dan Octopus yang berambisi menjadi penengah solusi pengolahan sampah di Indonesia.

Transforming myself, again…

My hands are shifting. Could this be good or bad?

An accidental superpower.

I decided to work again on Snapchat’s Lens Studio and Facebook’s Spark AR to improve my current Snapchat filters and port them to Instagram, if possible.

Yes, it’s that filter that made me look like this:

But instead starting designing for the head, I’d really like to improve my supposedly-metallic skin. Initial results from Snapchat’s Lens Studio are bad and somewhat laughable.

Not to mention that the 3D body tracking is still inaccurate when my hands aren’t visible.

So I decided to rebuild everything, this time using Spark AR Studio and by using Skin Segmentation. And after tweaking some settings, I ended up being a black, posterized metallic blob who doesn’t even have a chance to see his face 😅

Note that the results do differ between devices. Here’s what I looked instead when shot from an Android phone:

Perfect. Even my hands and chest are united in my amalgamated skin, and everything I wear (except my glasses) retain their own true colors. This is the true Nate I wanted over the past 8 months!

Finding a purpose.

And of course, THIS. SKIN. IS. AWESOME!!! I can use it for my daily Instagram Stories and even my future YouTube channel!

But when I was testing my abilities even further, I accidentally transformed a girl from a table next to me to receive my new digital skin!


Now I’m thinking. can my new skin become blessings for others? Like if, you’re in Japan when filming people’s faces over Shibuya means dishonesty, or somewhere in the US where you’re surrounded with a group of Amish people…

Or when you’re in the European Union, where taking and uploading photos of young children to Facebook is subject to fines from legal authorities.

What if I told you that my skin could be the solution to these problems? Through my new skin, it’s difficult for computer algorithms to identify our unique faces, especially when we’re blue. Everybody here is safe and encrypted from those pesky data collectors.

And say goodbye to acne, freckles, and even screen color differences as we’re now perfect and united.

🎭 Encrypted skins and faces for everyone.

Well, this means I can use my superpower to help people to hide their own identity in the digital world.

Everybody whose are physically close with me will receive my new skin instantly. It’s on by default, no matter who you are, and you can’t opt out. And of course, yes, you’ll return normal shortly after being away from me.

I really hope that everyone can, and will benefit from this transformation. As long as I’m safe being blue. I’ll always become blue.

Don’t forget to follow @reinhart1010 on Instagram so you can permanently receive my power once I decided to give it for free 💙

Perubahan jam tidur.

Mulai hari ini saya akan menerapkan jadwal tidur biphasic pada pukul:

  • Malam: 22:00 – 02:00 WIB
  • Siang:
    • Opsi A: 07:00 – 11:00 WIB
    • Opsi B: 13:00 – 17:00 WIB

Ya, jadwal tidur tersebut tidaklah normal. Namun, saya tidak punya pilihan lain selain memanfaatkan jam-jam tidur saya sebelumnya untuk bekerja secara efektif.

Jadwal di atas sudah disesuaikan untuk menghormati periode-periode waktu ini:

  1. 00:00 – 01:00 Periode detoksinasi tubuh paling intensif selama waktu tidur
  2. 08:30 – 11:00 Ibadah Gereja (Minggu)
  3. 11:00 – 12:00 Pembersihan kamar tidur (Senin, Rabu, Jumat)
  4. 17:00 – 19:00 Ibadah Gereja (Sabtu)
  5. 19:00 – 21:00 Monitoring and Evaluation Enrichment Program
  6. 20:00 – 22:00 Sesi Connect Group (CG) / komunitas sel (Jumat)

Sebagai konsekuensi saya sudah tak lagi dapat melakukan kerja pukul 9-5 seperti biasanya. Namun bagi saya hal tersebut tidak terlalu penting.

Yang paling penting di sini adalah menghindari banyaknya potensi distraction yang disebabkan oleh faktor eksternal, termasuk:

  • Kelaparan karena makanan siang telat dipesan via GoFood/GrabFood
  • Sesi video conference perkuliahan adik saya
  • Bentakan berkali-kali dari anggota keluarga tentang suatu hal, sehingga saya tak dapat berkonsentrasi menyelesaikan salah satu Ujian Akhir Semester (UAS) lalu.

Saya tahu bahwa hal-hal tersebut tidak akan selalu muncul pada pukul 2 subuh hingga pukul 5 pagi. Dan jam-jam sunyi tersebutlah yang saya selalu haus dan butuhkan akhir-akhir ini, mengingat bahwa saya sekaligus berkuliah sambil bekerja di industri yang sama.

Saya berharap agar jadwal tidur dan kerja tersebut dapat saya lakukan secara konsisten hingga kelulusan saya. Demi produktivitas dan kebaikan kita bersama. Terima kasih dan sampai jumpa.

Tidying up our email addresses

A bit of history

Our email journey starts with a humble Yahoo! Mail email address originally meant for school assignments and transferring files. Note that the grand era of Firefox Send, Google Workspace, and Microsoft 365 wasn’t there yet, so sending email attachments was the norm.

Sure, that address was then used to sign up to hundreds of new websites, but soon we get a brand new Gmail address and even two Microsoft accounts (Hotmail and Outlook.com).

Untuk today. We have several unused email addresses originally meant for business purposes, and now another email address from BINUS University. And since we purchased two domains, reinhart1010.id and alterine0101.id, we can literally use MX records to set a custom email address for each of our domains. And subdomains, too.

Three leaders. Three main email addresses.

So today, we decided introduce these three new email addresses which will serve as the main email addresses for everything, from automated messages to fanmails up to Reinhart’s actual email address(es):

  • system@reinhart1010.id
  • root@reinhart1010.id
  • superuser@reinhart1010.id

But before that, we originally wanted to write our email addresses this way:

  • (>_)@reinhart1010.id
  • (#_)@reinhart1010.id
  • ($_)@reinhart1010.id

However, these characters are happen to be special characters in the world of internet and email. That means we are all special. But that also means that we can’t use those names as email addresses, too!

Anyways, we will be further setting up new email aliases and forwards, so you can still send me a message via shiftine@reinhart1010.id and replied by someone from system@reinhart1010.id. You can safely assume it’s from me or my friends 😉

So yeah that’s a quick update. Have a nice day!

Categorized as Updates

Akhir sebuah jaman.

Semester 5 telah menjadi salah satu masa tersulit dalam perkuliahan saya. Dimulai dengan mental breakdown, lalu akhirnya bisa part-time rutin. Salah satu teman lama saya akhirnya masuk LINE TODAY, saya serah-terima jabatan manajer Web Development di HIMTI BINUS ke adik tingkat, sebelum gelisah masalah Enrichment Program saya, berurusan dengan kelompok-kelompok bermasalah dan akhirnya positif COVID-19.

Semester 5 ini juga menjadi momen di mana saya berhasil membuat beberapa mahasiswa bertobat. Ya, bertobat dari mindset bahwa “saya cuman perlu untuk mengikuti materi-materi kelas saja”, karena di dunia kerja kenyataannya tak begitu. Salah satu teman saya menceritakan pengalaman bahwa proses wawancara untuk magang (sebagai bagian dari Enrichment Program / 3+1 BINUS University) cukup menantang karena sang pewawancara menanyakan tentang keahliannya dalam Git, sesuatu yang sama sekali tidak diajarkan di dalam mata kuliah apapun di dalam program studi Teknik Informatika di BINUS.

Ironisnya, saya telah mengadvokasi mahasiswa Teknik Informatika untuk “belajar di luar kelas”, misalnya Git dan Python, bahkan sejak masa orientasi mahasiswa. Sekedar informasi, tugas-tugas part-time saya ini juga cukup campur aduk, dari bikin aplikasi Next.js ke server Python/Flask dan kini ke Dart/Flutter. Semua ini saya pelajari tanpa mengikuti materi-materi dari mata kuliah yang ada.

Dan Semester 5 juga merupakan akhir penderitaan saya dari dua “penyakit” utama yang sering ada di dalam tugas kelompok:

  1. Anggota kelompok yang tidak aktif dan malah ghosting
  2. “Saya cuman ngikutin materi dari BINUS”, karena itu saya cukup kecewa kelompok kita tidak bisa selangkah lebih depan daripada kelompok-kelompok lain.

Penderitaan saya lebih berat daripada kamu, nak.

Hari terakhir Ujian Akhir Semester, saya juga dikagetkan sama salah satu tweet menfess berikut ini:

Gue anak 21, ga nyangka ternyata kuliah itu seburuk itu untuk mental health, semester 1 kemarin gue udah dihujanin materi sama tugas yang bener2 banyak, akibatnya waktu gue untuk healing sama self reward jadi kurang banget. Yang tadinya gw masih bisa nonton netflix sama chat2an sama bestie sekarang jadi susah banget.

Gue kayaknya belum siap kuliah deh. Gue udh ngomong ke ortu kalau gue mau cuti dulu semester ini. Gw mau fokus healing selama 6 bulan ini. Tapi ortu gue malah ga setuju. Bahkan gue dibilang manja.

Gue bingung mau gimana takutnya kalau paksain ipk ku malah tambah anjlok. Gue juga susah komunikasiin ini ke ortu karena mereka ga aware soal mentalh health kayak gue. Gue mesti gmn 😭


Saya sendiri yakin bahwa program studi atau jurusan yang dia pilih agak dipaksakan dan kurang sesuai hati. Ya, maklum, kenyataannya Teknik Informatika BINUS yang sering didamba-dambakan setiap orang Indo itulah jadi salah satu jurusan BINUS dengan banyak mahasiswa yang akhirnya merasa salah jurusan. Salah satu teman saya yang akhirnya pindah ke Ilmu Komunikasi pernah bahas masalah ini di YouTube:

Kuliah di program studi yang sesuai minat dan bakat bakal terasa jauh berbeda dengan kuliah di program studi yang dipaksakan. Buktinya, saya baru bisa mental breakdown saat Semester 5 sedangkan dia baru saat awal semester. Saya bisa bayangkan betapa stresnya kalau saya dipaksakan orang tua untuk masuk ke sarjana ekonomi, hukum, akuntansi, biologi, dan sebagainya.

Oh iya, jangan anggap bahwa kuliah itu “tempat untuk belajar” layaknya SMP atau SMA. Untuk bisa menaklukkan kuliah kamu harus belajar, belajar lebih banyak daripada yang diajarkan di kelas. Saya juga yakin kalau sender ini terlalu nyaman untuk lebih fokus pacaran daripada mengejar pendidikan formal. Ya, begitulah…

Semester 6 sampai 8 mau ngapain?

Pertama-tama, saya ingin uninstall LINE. LINE telah memberikan dampak buruk bagi jumlah unread notifications di iPhone saya:

Saya pinjam akun salah satu robot saya biat posting ini karena jumlah unread message nya cukup menarik. 1.337, alias “leet”. Saya sebenarnya juga ingin meninggalkan Discord, WhatsApp, dan Telegram, dan ingin lebih fokus untuk balas pesan via Signal, Marco Polo, dan mungkin bikin aplikasi chatting dan media sosial sendiri.

Lalu, bagi yang belum pernah paham tentang Enrichment Program di BINUS, saya bisa bilang itu sebagai salah satu cikal bakalnya program Kampus Merdeka, di mana 2 semester dipakai untuk mengambil pengalaman via magang, riset, KKN, dan sebagainya. Yang berbeda di sini adalah distribusi SKSnya. Kebetulan, saya memutuskan untuk memilih jalur riset atas berbagai pertimbangan.

Karena semester 6 dan 7 isinya Enrichment Program, dan semester 8 bakal penuh dengan skripsi, ketiga semester ini adalah momen di mana setiap mahasiswa BINUS harus bisa mandiri. Tidak ada kelas seperti biasa, tapi tetap ada tugas dari dosen pembimbing. Semester-semester inilah yang menjadi momen pembuktian, apakah yang “cuman ngikutin materi dari BINUS” akan berhasil?

Berbicara tentang skripsi, dan rencana saya untuk mengambil skripsi langsung di Semester 7, saya sudah menentukan beberapa kandidat topik yang kemungkinan besar akan dikerjakan. Sekarang, saya perlu untuk menyusun waktu dan menentukan apakah skripsi semester 7 adalah hal yang tepat atau bukan.

Akhir kata, kini saya memasuki era yang baru. Terima kasih juga kepada segenap robot saya yang sudah membantu dan memberi semangat saya untuk melewati berbagai perjuangan ini.

Sekian blog saya hari ini. Terima kasih.

Celebrating #InterfaceInPolymorphism through our new CSS system font stack.

Note: We have recently updated our system font stack in August 2022 to better support future Android and more Linux desktop environments.

As what a co-founder of Signal said, aesthetics are important in computer software. We take that word seriously when deciding whether to use custom fonts or not on our website.

Traditionally, our websites used a lot of custom fonts. No, really. I still remembered the days building our Instagram knock-off using 5 distinct web fonts: Pacifico, Montserrat, Source Sans Pro, Fira Sans, and Aileron.

Before redesigning this website to use the all-new Twenty Twenty-Two theme, we heavily used JetBrains Mono for everything. Because 2021 was the year when we encourage people to not just code, but also speak in code.

This year, however, should be the celebration of the diversity of computer software and systems all around the world. You know, #InterfaceInPolymorphism, our famous slogan which lets many search engines to give a premium red carpet path for you to walk into this specific site.

I hope that every Object will follow suit but, even the private search engine StartPage knows our website just through this specific hashtag.
One day, I’ll be famous in Russia. Oh no, am I (not) dreaming? (Note: this site uses IndexNow so yeah…)
Okay then, one day I’ll be famous in South Korea. Putting my face on that SMTOWN @ COEX outdoor display is even a better idea.

Of course, one of the best ways to capture the diversity of computer systems is by using the (in)famous system font stack:

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
Code language: JavaScript (javascript)

This combination has been used in many sites. Including GitHub, which notably removes Roboto from the list due to rendering issues on some Linux operating systems. Note that Android users visiting the GitHub website today will still see Roboto font being used as they don’t have Helvetica or Arial installed.

And again, we ended up rearranging and use this specific stack instead:

font-family: "Segoe UI Variable Text", -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Cantarell, "Open Sans", "Noto Sans", Ubuntu, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
Code language: JavaScript (javascript)

What this font-family mess is all about.

font-family is a CSS property which lets you declare which fonts to use on specific parts of the website. And yes, font-family is also one of the oldest properties ever introduced in the history of CSS! font-family is even supported in Internet Explorer 3, released in 1996

Here, both -apple-system and BlinkMacSystemFont are used solely to load San Fransisco (or SF Pro), the system font for Apple products today including iOS, iPadOS, and macOS. "Segoe UI" refers to Segoe UI, the system font for Microsoft Windows since the age of Windows Vista. And finally, Roboto, which refers to Roboto, the default sans-serif font for Android and Chrome OS.

Wait, why not just use 3 fonts then Arial, Helvetica, sans-serif?

Even though these 3 fonts (San Fransisco, Segoe UI, Roboto) seem to cover most of modern operating systems today by market share (Android, Chrome OS, iOS, iPadOS, macOS, Windows), we haven’t yet talked about another great family of operating systems: Linux.

Despite having its low desktop market share (thanks to enterprises sticking to Windows as well as those Apple fanboys), Linux is still considered one of the most popular operating systems to date, powering everything from embedded devices up to 500 out of 500 top supercomputers in the world!

It wouldn’t be fair if the voice of Linux distributions are unheard on this website. Because remember, “Interface in Polymorphism” doesn’t just belong for mainstream and popular computer systems such as Windows or Microsoft Office.

We believe that by supporting a diverse community of computer systems, we will benefit a more diverse community of computer users today, which are well, human beings. Hence “Interface in Polymorphism” should belong to everyone, just like the diversity of people today.

Interface for the minority of desktop operating systems.

Now here’s the question, what is the system font for Linux (and perhaps others like Haiku or BSD)? The answers is many, depending on distros and desktop environments. To simplify this answer, let’s look at the original, recommended set of system font stack:

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
Code language: JavaScript (javascript)

Here, Oxygen was chosen to cater Linux distros running the KDE Plasma 5 desktop environment. However, in 2016 the KDE community decided to replace it with Google’s Noto Sans, presumably to better support non-Latin alphabet letters, just like this case for Cyrillic.

Then we have Cantarell, the system font for the GNOME desktop environment. And here, I can see why Cantarell is placed after Ubuntu (more on that later), as earlier versions of Cantarell are very, very, ugly.

Yes, this ugly version of Cantarell is still available through Google Fonts.

Since then the same font has been improvised to look even better, and now also available in different weights (e.g. Light or Extra Bold). The official website of Purism shows how good is Cantarell today.

Yep, they used Cantarell for everything.

Finally, as what the name states, “Ubuntu” refers to the Ubuntu font primarily used in Ubuntu, one of the most popular Linux distro. Despite being a Linux fan, I’m not actually a fan of the font itself and prefer to replace it with Cantarell on my Linux installations.

One designer talked about how Ubuntu performs the best amongst legacy macOS system fonts (Lucida Sans and Helvetica Neue) when it comes to legibility and (un)ambiguity:

Helvetica is hard to decipher

No need to argue, Helvetica is not the most legible. However it’s remarkable how well Ubuntu performs in the above screenshot. Especially an interface typeface has to provide enough distinction between its various glyphs. Think about passwords, user names, data tables, drop down lists… Your interface must display them in an unambiguous way. You don’t want your users to pause for even a fraction of a second to decipher glyphs and shapes.

“The Best UI Typeface Goes Unnoticed” by Thomas Byttebier, 2015.

Sure, “Interface in Polymorphism” should account the diversity of desktop OSes, but the same phrase should also account the diversity of desktop environments, including GNOME, KDE, Budgie, Pantheon, MATE, LxQt, Cinnamon, and so on.

However, looking at Stack Exchange / StackOverflow’s and Firefox’s perspective for the system font stack, I’m personally afraid that developers will generalize Ubuntu as the default system font for any Linux distribution – which we shouldn’t.

The “perfect” set of system fonts.

Again, let me show you again our great system font stack:

font-family: "Segoe UI Variable Text", -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Cantarell, "Open Sans", "Noto Sans", Ubuntu, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
Code language: JavaScript (javascript)

Here, you’ve seen why I included -apple-system, BlinkMacSystemFont, Segoe UI, and Roboto. But what about the others?

But first, where’s ui-sans-serif and system-ui?

Well, they’re not in the list due to some concerns when it comes to web browser’s decisions to choose the right system font in Linux. But more on that later

For Windows.

font-family: “Segoe UI Variable Text”, -apple-system, BlinkMacSystemFont, Inter, “Segoe UI”, Cantarell, “Open Sans”, “Noto Sans”, Ubuntu, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”

One of the new additions to this font stack is Segoe UI Variable, the new system font for Windows 11. The new font really matters to me as I’m also a hater of the original font while liking this new one. Here’s why:

If you look closely at the above image, the new Segoe UI Variable font characters matches the style of Inter, aka. the “open-source, cheap free clone of Apple’s San Fransisco”. Yeah, developers today really love and using it everywhere; you can see Inter being used everywhere today from GitHub to Mozilla and everywhere.

For Android, iOS, iPadOS, and macOS.

font-family: “Segoe UI Variable Text”, -apple-system, BlinkMacSystemFont, Inter, “Segoe UI”, Cantarell, “Open Sans”, “Noto Sans”, Ubuntu, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”

Nothing’s different here, as Android users will get Roboto and Apple users will get what they want. However, we dropped Helvetica Neue and Lucida Grande from the stack since we feel most of the Apple devices today run the latest operating systems. As a reference, San Fransisco is available on iOS 9 and later as well as macOS / OS X El Capitan (10.11).

Note: If we included both of them on the stack, well we must put Tahoma, too!

However, there are two specific reasons why Roboto is included almost at the end of the stack, sitting next to Helvetica and Arial. First is because we’d like to favor Linux distributions’ preferred system fonts other than Roboto (e.g. Open Sans or Cantarell), and we decided to load Roboto from Google Fonts instead to provide compatibility with on pre-Android Lollipop (5.0) devices.

For Linux (and other Unix-like) distributions.

font-family: “Segoe UI Variable Text”, -apple-system, BlinkMacSystemFont, Inter, “Segoe UI”, Cantarell, “Open Sans”, “Noto Sans”, Ubuntu, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”

Source: https://www.linuxquestions.org/questions/2020-linuxquestions-org-members-choice-awards-131/desktop-environment-of-the-year-4175687348/

Last year, the LinuxQuestions.org forum posted an annual poll on the “Desktop Environment of the Year”. And here, we’re seeing KDE being the winner just right before XFCE. As I mentioned before, KDE now uses Noto Sans by default so potting it into a stack is a must.

Then, the voters also greatly voted GNOME which uses Cantarell by default (except for Ubuntu Desktop users which uses the Ubuntu font instead). By including Cantarell before Ubuntu, GNOME users outside the Ubuntu Desktop can comfortably visit our website with the matching system font as theirs. We believe this will benefit those Fedora, Trisquel, or even Purism fans out there!

And lastly, we also included Inter and Open Sans to the stack, as they are often set by some distros as their system font:

  • elementary OS: Inter, previously Open Sans
  • KDE Neon: Noto Sans (follows KDE Plasma defaults)
  • Purism PureOS: Cantarell (follows GNOME defaults)
  • Linux Lite: Noto Sans, despite some are using Roboto
  • Linux Mint: Noto Sans
  • Raspberry Pi OS / Raspbian: Roboto Piboto, see Update 1
  • Ubuntu: Ubuntu
  • Zorin OS: Inter

Oh wait, these selection of system fonts are ready to support other Linux based operating systems, too!

  • KaiOS: Noto Sans
  • KDE Plasma Mobile: Noto Sans (follows KDE Plasma defaults)
  • PureOS Mobile / Phosh: Cantarell (follows GNOME defaults)

That’s it. Have fun!

Yeah, that’s the end of this post. As you can see, this is just a beginning of something I tried to achieved: cyber multiculturalism. If you are Indonesian and understood what multiculturalism is, I’m currently bringing that to the realm of today’s computer systems.

Enjoy reading our apps and articles in the most native possible way!

Update 1: August 6, 2022

We decided to introduce three new fonts to our system font stack. First is of course, Roboto Flex. We included them just before Roboto to let future Android devices have a piece of mind while still honoring Linux users’ of choice.

Next is Piboto, the Raspberry Pi’s actual system font because the designer behind the Raspberry Pi desktop disliked the aesthetics of the newer Roboto font.

Including Piboto, yeah, just right before Ubuntu, Roboto Flex, and Roboto, liberates Raspberry Pi devices to use their proudful system font without having to re-download Roboto as a webfont which may affect their web browsing performance. What a win-win solution for both of us!

Note: While Piboto itself is aesthetically similar to Roboto as on pre-Lollipop Android devices, the version of Piboto included on Raspberry Pi desktop ranges to Light to Black by default, compared to just Regular and Bold versions on those old Android devices.

And finally, GNU FreeSans. Preinstalled on 99.99% Linux desktop distributions, that we consider it as our last line of defense to let Linux desktops who retaliate from using Roboto webfonts to finally choose a better font than Bitstream Vera Sans or DejaVu Sans, which both kinda look like Verdana but their bold version is so wide that they may break our user interface as compared to all the other fonts.

GNU FreeSans will be placed after Helvetica and before Arial and the generic “sans-serif” due to the font’s similar aesthetics with Helvetica. So finally, our system font stack has just grown into:

font-family: "Segoe UI Variable Text", -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Cantarell, "Open Sans", "Noto Sans", Piboto, Ubuntu, "Roboto Flex", Roboto, Helvetica, FreeSans, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
Code language: JavaScript (javascript)

Resolusi Tahun 2022

  1. Masuk LINE TODAY
  2. Lebih dari 2,000 contributions di GitHub
  3. Bikin 1 aplikasi baru tiap bulan
  4. Lulus MSJ 1 & 2
  5. Langsung ngegas skripsi (sidang @ Semester 7)
  6. Ngajakin lebih banyak orang pergi ke CG (Note: bukan restoran Common Grounds)
  7. Punya Shiftine di kehidupan nyata ⬆️ 🤟 🔥