From b9b627ca77048191577b41f40c352a9ce67ef61b Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Tue, 9 Jun 2026 12:54:20 +0800 Subject: new font --- www/about/index.html | 2 +- www/assets/fonts/.DS_Store | Bin 6148 -> 6148 bytes .../fonts/Inter-Italic-VariableFont_opsz,wght.ttf | Bin 0 -> 904532 bytes www/assets/fonts/Inter-VariableFont_opsz,wght.ttf | Bin 0 -> 874708 bytes .../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf | Bin 0 -> 530052 bytes www/assets/fonts/Roboto-VariableFont_wdth,wght.ttf | Bin 0 -> 487768 bytes www/assets/fonts/inter)README.txt | 118 +++++++++++++++++ www/assets/fonts/inter_OFL.txt | 93 ++++++++++++++ www/assets/fonts/roboto_OFL.txt | 93 ++++++++++++++ www/assets/fonts/roboto_README.txt | 118 +++++++++++++++++ www/assets/fonts/static/JetBrainsMono-Bold.ttf | Bin 114832 -> 0 bytes .../fonts/static/JetBrainsMono-BoldItalic.ttf | Bin 117928 -> 0 bytes .../fonts/static/JetBrainsMono-ExtraBold.ttf | Bin 114804 -> 0 bytes .../fonts/static/JetBrainsMono-ExtraBoldItalic.ttf | Bin 117960 -> 0 bytes .../fonts/static/JetBrainsMono-ExtraLight.ttf | Bin 115076 -> 0 bytes .../static/JetBrainsMono-ExtraLightItalic.ttf | Bin 118236 -> 0 bytes www/assets/fonts/static/JetBrainsMono-Italic.ttf | Bin 117948 -> 0 bytes www/assets/fonts/static/JetBrainsMono-Light.ttf | Bin 115024 -> 0 bytes .../fonts/static/JetBrainsMono-LightItalic.ttf | Bin 118132 -> 0 bytes www/assets/fonts/static/JetBrainsMono-Medium.ttf | Bin 114924 -> 0 bytes .../fonts/static/JetBrainsMono-MediumItalic.ttf | Bin 118052 -> 0 bytes www/assets/fonts/static/JetBrainsMono-Regular.ttf | Bin 114908 -> 0 bytes www/assets/fonts/static/JetBrainsMono-SemiBold.ttf | Bin 114904 -> 0 bytes .../fonts/static/JetBrainsMono-SemiBoldItalic.ttf | Bin 118040 -> 0 bytes www/assets/fonts/static/JetBrainsMono-Thin.ttf | Bin 115000 -> 0 bytes .../fonts/static/JetBrainsMono-ThinItalic.ttf | Bin 118164 -> 0 bytes www/index.html | 2 +- www/projects/index.html | 12 +- www/scripts/constants.js | 4 +- www/scripts/onload.js | 5 + www/style.css | 139 ++++++++------------- 31 files changed, 487 insertions(+), 99 deletions(-) create mode 100644 www/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf create mode 100644 www/assets/fonts/Inter-VariableFont_opsz,wght.ttf create mode 100644 www/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf create mode 100644 www/assets/fonts/Roboto-VariableFont_wdth,wght.ttf create mode 100644 www/assets/fonts/inter)README.txt create mode 100644 www/assets/fonts/inter_OFL.txt create mode 100644 www/assets/fonts/roboto_OFL.txt create mode 100644 www/assets/fonts/roboto_README.txt delete mode 100644 www/assets/fonts/static/JetBrainsMono-Bold.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-BoldItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-ExtraBold.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-ExtraLight.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-ExtraLightItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-Italic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-Light.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-LightItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-Medium.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-MediumItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-Regular.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-SemiBold.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-SemiBoldItalic.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-Thin.ttf delete mode 100644 www/assets/fonts/static/JetBrainsMono-ThinItalic.ttf (limited to 'www') diff --git a/www/about/index.html b/www/about/index.html index 5e006e9..039b31b 100644 --- a/www/about/index.html +++ b/www/about/index.html @@ -48,7 +48,7 @@
About Me

- Hey there! I'm Altaf. I am a scholar studying abroad in Singapore from + Hey there! I'm Athaalaa Altaf Hafidz. I am a scholar studying abroad in Singapore from Indonesia who likes to create and tinker with computers, usually.

diff --git a/www/assets/fonts/.DS_Store b/www/assets/fonts/.DS_Store index f0dc920..16fafe0 100644 Binary files a/www/assets/fonts/.DS_Store and b/www/assets/fonts/.DS_Store differ diff --git a/www/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf b/www/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..43ed4f5 Binary files /dev/null and b/www/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf differ diff --git a/www/assets/fonts/Inter-VariableFont_opsz,wght.ttf b/www/assets/fonts/Inter-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..e31b51e Binary files /dev/null and b/www/assets/fonts/Inter-VariableFont_opsz,wght.ttf differ diff --git a/www/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf b/www/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..fb3c626 Binary files /dev/null and b/www/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf differ diff --git a/www/assets/fonts/Roboto-VariableFont_wdth,wght.ttf b/www/assets/fonts/Roboto-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..01656a3 Binary files /dev/null and b/www/assets/fonts/Roboto-VariableFont_wdth,wght.ttf differ diff --git a/www/assets/fonts/inter)README.txt b/www/assets/fonts/inter)README.txt new file mode 100644 index 0000000..f7a47e8 --- /dev/null +++ b/www/assets/fonts/inter)README.txt @@ -0,0 +1,118 @@ +Inter Variable Font +=================== + +This download contains Inter as both variable fonts and static fonts. + +Inter is a variable font with these axes: + opsz + wght + +This means all the styles are contained in these files: + Inter-VariableFont_opsz,wght.ttf + Inter-Italic-VariableFont_opsz,wght.ttf + +If your app fully supports variable fonts, you can now pick intermediate styles +that aren’t available as static fonts. Not all apps support variable fonts, and +in those cases you can use the static font files for Inter: + static/Inter_18pt-Thin.ttf + static/Inter_18pt-ExtraLight.ttf + static/Inter_18pt-Light.ttf + static/Inter_18pt-Regular.ttf + static/Inter_18pt-Medium.ttf + static/Inter_18pt-SemiBold.ttf + static/Inter_18pt-Bold.ttf + static/Inter_18pt-ExtraBold.ttf + static/Inter_18pt-Black.ttf + static/Inter_24pt-Thin.ttf + static/Inter_24pt-ExtraLight.ttf + static/Inter_24pt-Light.ttf + static/Inter_24pt-Regular.ttf + static/Inter_24pt-Medium.ttf + static/Inter_24pt-SemiBold.ttf + static/Inter_24pt-Bold.ttf + static/Inter_24pt-ExtraBold.ttf + static/Inter_24pt-Black.ttf + static/Inter_28pt-Thin.ttf + static/Inter_28pt-ExtraLight.ttf + static/Inter_28pt-Light.ttf + static/Inter_28pt-Regular.ttf + static/Inter_28pt-Medium.ttf + static/Inter_28pt-SemiBold.ttf + static/Inter_28pt-Bold.ttf + static/Inter_28pt-ExtraBold.ttf + static/Inter_28pt-Black.ttf + static/Inter_18pt-ThinItalic.ttf + static/Inter_18pt-ExtraLightItalic.ttf + static/Inter_18pt-LightItalic.ttf + static/Inter_18pt-Italic.ttf + static/Inter_18pt-MediumItalic.ttf + static/Inter_18pt-SemiBoldItalic.ttf + static/Inter_18pt-BoldItalic.ttf + static/Inter_18pt-ExtraBoldItalic.ttf + static/Inter_18pt-BlackItalic.ttf + static/Inter_24pt-ThinItalic.ttf + static/Inter_24pt-ExtraLightItalic.ttf + static/Inter_24pt-LightItalic.ttf + static/Inter_24pt-Italic.ttf + static/Inter_24pt-MediumItalic.ttf + static/Inter_24pt-SemiBoldItalic.ttf + static/Inter_24pt-BoldItalic.ttf + static/Inter_24pt-ExtraBoldItalic.ttf + static/Inter_24pt-BlackItalic.ttf + static/Inter_28pt-ThinItalic.ttf + static/Inter_28pt-ExtraLightItalic.ttf + static/Inter_28pt-LightItalic.ttf + static/Inter_28pt-Italic.ttf + static/Inter_28pt-MediumItalic.ttf + static/Inter_28pt-SemiBoldItalic.ttf + static/Inter_28pt-BoldItalic.ttf + static/Inter_28pt-ExtraBoldItalic.ttf + static/Inter_28pt-BlackItalic.ttf + +Get started +----------- + +1. Install the font files you want to use + +2. Use your app's font picker to view the font family and all the +available styles + +Learn more about variable fonts +------------------------------- + + https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts + https://variablefonts.typenetwork.com + https://medium.com/variable-fonts + +In desktop apps + + https://theblog.adobe.com/can-variable-fonts-illustrator-cc + https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts + +Online + + https://developers.google.com/fonts/docs/getting_started + https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide + https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts + +Installing fonts + + MacOS: https://support.apple.com/en-us/HT201749 + Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux + Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows + +Android Apps + + https://developers.google.com/fonts/docs/android + https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts + +License +------- +Please read the full license text (OFL.txt) to understand the permissions, +restrictions and requirements for usage, redistribution, and modification. + +You can use them in your products & projects – print or digital, +commercial or otherwise. + +This isn't legal advice, please consider consulting a lawyer and see the full +license for all details. diff --git a/www/assets/fonts/inter_OFL.txt b/www/assets/fonts/inter_OFL.txt new file mode 100644 index 0000000..d05ec4b --- /dev/null +++ b/www/assets/fonts/inter_OFL.txt @@ -0,0 +1,93 @@ +Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/www/assets/fonts/roboto_OFL.txt b/www/assets/fonts/roboto_OFL.txt new file mode 100644 index 0000000..a417551 --- /dev/null +++ b/www/assets/fonts/roboto_OFL.txt @@ -0,0 +1,93 @@ +Copyright 2011 The Roboto Project Authors (https://github.com/googlefonts/roboto-classic) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/www/assets/fonts/roboto_README.txt b/www/assets/fonts/roboto_README.txt new file mode 100644 index 0000000..26368fa --- /dev/null +++ b/www/assets/fonts/roboto_README.txt @@ -0,0 +1,118 @@ +Roboto Variable Font +==================== + +This download contains Roboto as both variable fonts and static fonts. + +Roboto is a variable font with these axes: + wdth + wght + +This means all the styles are contained in these files: + Roboto-VariableFont_wdth,wght.ttf + Roboto-Italic-VariableFont_wdth,wght.ttf + +If your app fully supports variable fonts, you can now pick intermediate styles +that aren’t available as static fonts. Not all apps support variable fonts, and +in those cases you can use the static font files for Roboto: + static/Roboto_Condensed-Thin.ttf + static/Roboto_Condensed-ExtraLight.ttf + static/Roboto_Condensed-Light.ttf + static/Roboto_Condensed-Regular.ttf + static/Roboto_Condensed-Medium.ttf + static/Roboto_Condensed-SemiBold.ttf + static/Roboto_Condensed-Bold.ttf + static/Roboto_Condensed-ExtraBold.ttf + static/Roboto_Condensed-Black.ttf + static/Roboto_SemiCondensed-Thin.ttf + static/Roboto_SemiCondensed-ExtraLight.ttf + static/Roboto_SemiCondensed-Light.ttf + static/Roboto_SemiCondensed-Regular.ttf + static/Roboto_SemiCondensed-Medium.ttf + static/Roboto_SemiCondensed-SemiBold.ttf + static/Roboto_SemiCondensed-Bold.ttf + static/Roboto_SemiCondensed-ExtraBold.ttf + static/Roboto_SemiCondensed-Black.ttf + static/Roboto-Thin.ttf + static/Roboto-ExtraLight.ttf + static/Roboto-Light.ttf + static/Roboto-Regular.ttf + static/Roboto-Medium.ttf + static/Roboto-SemiBold.ttf + static/Roboto-Bold.ttf + static/Roboto-ExtraBold.ttf + static/Roboto-Black.ttf + static/Roboto_Condensed-ThinItalic.ttf + static/Roboto_Condensed-ExtraLightItalic.ttf + static/Roboto_Condensed-LightItalic.ttf + static/Roboto_Condensed-Italic.ttf + static/Roboto_Condensed-MediumItalic.ttf + static/Roboto_Condensed-SemiBoldItalic.ttf + static/Roboto_Condensed-BoldItalic.ttf + static/Roboto_Condensed-ExtraBoldItalic.ttf + static/Roboto_Condensed-BlackItalic.ttf + static/Roboto_SemiCondensed-ThinItalic.ttf + static/Roboto_SemiCondensed-ExtraLightItalic.ttf + static/Roboto_SemiCondensed-LightItalic.ttf + static/Roboto_SemiCondensed-Italic.ttf + static/Roboto_SemiCondensed-MediumItalic.ttf + static/Roboto_SemiCondensed-SemiBoldItalic.ttf + static/Roboto_SemiCondensed-BoldItalic.ttf + static/Roboto_SemiCondensed-ExtraBoldItalic.ttf + static/Roboto_SemiCondensed-BlackItalic.ttf + static/Roboto-ThinItalic.ttf + static/Roboto-ExtraLightItalic.ttf + static/Roboto-LightItalic.ttf + static/Roboto-Italic.ttf + static/Roboto-MediumItalic.ttf + static/Roboto-SemiBoldItalic.ttf + static/Roboto-BoldItalic.ttf + static/Roboto-ExtraBoldItalic.ttf + static/Roboto-BlackItalic.ttf + +Get started +----------- + +1. Install the font files you want to use + +2. Use your app's font picker to view the font family and all the +available styles + +Learn more about variable fonts +------------------------------- + + https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts + https://variablefonts.typenetwork.com + https://medium.com/variable-fonts + +In desktop apps + + https://theblog.adobe.com/can-variable-fonts-illustrator-cc + https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts + +Online + + https://developers.google.com/fonts/docs/getting_started + https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide + https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts + +Installing fonts + + MacOS: https://support.apple.com/en-us/HT201749 + Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux + Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows + +Android Apps + + https://developers.google.com/fonts/docs/android + https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts + +License +------- +Please read the full license text (OFL.txt) to understand the permissions, +restrictions and requirements for usage, redistribution, and modification. + +You can use them in your products & projects – print or digital, +commercial or otherwise. + +This isn't legal advice, please consider consulting a lawyer and see the full +license for all details. diff --git a/www/assets/fonts/static/JetBrainsMono-Bold.ttf b/www/assets/fonts/static/JetBrainsMono-Bold.ttf deleted file mode 100644 index b748437..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Bold.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-BoldItalic.ttf b/www/assets/fonts/static/JetBrainsMono-BoldItalic.ttf deleted file mode 100644 index 0091142..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-BoldItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-ExtraBold.ttf b/www/assets/fonts/static/JetBrainsMono-ExtraBold.ttf deleted file mode 100644 index 88eab2f..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-ExtraBold.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf b/www/assets/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf deleted file mode 100644 index 85e67db..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-ExtraLight.ttf b/www/assets/fonts/static/JetBrainsMono-ExtraLight.ttf deleted file mode 100644 index 1f73714..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-ExtraLight.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-ExtraLightItalic.ttf b/www/assets/fonts/static/JetBrainsMono-ExtraLightItalic.ttf deleted file mode 100644 index 745b58e..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-ExtraLightItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-Italic.ttf b/www/assets/fonts/static/JetBrainsMono-Italic.ttf deleted file mode 100644 index 5b484dd..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Italic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-Light.ttf b/www/assets/fonts/static/JetBrainsMono-Light.ttf deleted file mode 100644 index 296186f..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Light.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-LightItalic.ttf b/www/assets/fonts/static/JetBrainsMono-LightItalic.ttf deleted file mode 100644 index 399ede7..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-LightItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-Medium.ttf b/www/assets/fonts/static/JetBrainsMono-Medium.ttf deleted file mode 100644 index ad31fbd..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Medium.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-MediumItalic.ttf b/www/assets/fonts/static/JetBrainsMono-MediumItalic.ttf deleted file mode 100644 index 4f499f2..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-MediumItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-Regular.ttf b/www/assets/fonts/static/JetBrainsMono-Regular.ttf deleted file mode 100644 index 02bc07e..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Regular.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-SemiBold.ttf b/www/assets/fonts/static/JetBrainsMono-SemiBold.ttf deleted file mode 100644 index c3adfd3..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-SemiBold.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-SemiBoldItalic.ttf b/www/assets/fonts/static/JetBrainsMono-SemiBoldItalic.ttf deleted file mode 100644 index 62d58ad..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-SemiBoldItalic.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-Thin.ttf b/www/assets/fonts/static/JetBrainsMono-Thin.ttf deleted file mode 100644 index 6a6a556..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-Thin.ttf and /dev/null differ diff --git a/www/assets/fonts/static/JetBrainsMono-ThinItalic.ttf b/www/assets/fonts/static/JetBrainsMono-ThinItalic.ttf deleted file mode 100644 index 33a23d7..0000000 Binary files a/www/assets/fonts/static/JetBrainsMono-ThinItalic.ttf and /dev/null differ diff --git a/www/index.html b/www/index.html index 74ba9a8..ce89d90 100644 --- a/www/index.html +++ b/www/index.html @@ -49,7 +49,7 @@ Altaf

- simpliCity ↗ + simpliCity ↗
diff --git a/www/projects/index.html b/www/projects/index.html index 6593c0d..7a3b920 100644 --- a/www/projects/index.html +++ b/www/projects/index.html @@ -356,7 +356,7 @@ ⏵
- Strings of Freedom + Strings of Freedom (2025) Top Winning Submission for Yellow Ribbon Arts Competition 2025.
@@ -366,7 +366,7 @@ ⏵
- MINDS Charity Car Wash Promotional + MINDS Charity Car Wash Promotional (2025) Volunteer work with MINDS to promote their Charity Car Wash in 2025.
@@ -376,7 +376,7 @@ ⏵
- Paperverse Hub + Paperverse Hub 2026
@@ -386,7 +386,7 @@ ⏵
- A message for this Eid + A message for this Eid 2026
@@ -396,7 +396,7 @@ ⏵
- Ngee Ann Open House 2025 + Ngee Ann Open House 2025 2025
@@ -406,7 +406,7 @@ ⏵
- Secondary 3 VIA Project + Secondary 3 VIA Project 2025
diff --git a/www/scripts/constants.js b/www/scripts/constants.js index b2b7894..1c2812e 100644 --- a/www/scripts/constants.js +++ b/www/scripts/constants.js @@ -1,2 +1,2 @@ -//const API_URL = "https://altafcreator.com/api" -const API_URL = "http://localhost:9091/api" +const API_URL = "https://altafcreator.com/api" +//const API_URL = "http://localhost:9091/api" diff --git a/www/scripts/onload.js b/www/scripts/onload.js index 1e15e8e..3bc9cf3 100644 --- a/www/scripts/onload.js +++ b/www/scripts/onload.js @@ -28,3 +28,8 @@ function library() { postList(); addNodes(); } + +function blogPost() { + postList(3); + addNodes(); +} diff --git a/www/style.css b/www/style.css index bde18b8..a238263 100644 --- a/www/style.css +++ b/www/style.css @@ -1,104 +1,28 @@ @font-face { font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Thin.ttf") format("truetype"); - font-weight: 100; + src: url("/assets/fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype"); + font-weight: 100 800; + font-style: normal; } @font-face { font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-ExtraLight.ttf") format("truetype"); - font-weight: 200; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Light.ttf") format("truetype"); - font-weight: 300; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Regular.ttf") format("truetype"); - font-weight: 400; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Medium.ttf") format("truetype"); - font-weight: 500; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-SemiBold.ttf") format("truetype"); - font-weight: 600; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Bold.ttf") format("truetype"); - font-weight: 700; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-ExtraBold.ttf") format("truetype"); - font-weight: 800; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-ThinItalic.ttf") format("truetype"); - font-weight: 100; + src: url("/assets/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf") format("truetype"); + font-weight: 100 800; font-style: italic; } @font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-ExtraLightItalic.ttf") format("truetype"); - font-weight: 200; - font-style: italic; + font-family: "Inter"; + src: url("/assets/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype"); + font-weight: 100 900; + font-style: normal; } @font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-LightItalic.ttf") format("truetype"); - font-weight: 300; - font-style: italic; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-Italic.ttf") format("truetype"); - font-weight: 400; - font-style: italic; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-MediumItalic.ttf") format("truetype"); - font-weight: 500; - font-style: italic; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-SemiBoldItalic.ttf") format("truetype"); - font-weight: 600; - font-style: italic; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-BoldItalic.ttf") format("truetype"); - font-weight: 700; - font-style: italic; -} - -@font-face { - font-family: "JetBrains Mono"; - src: url("/assets/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf") format("truetype"); - font-weight: 800; + font-family: "Inter"; + src: url("/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype"); + font-weight: 100 900; font-style: italic; } @@ -127,18 +51,20 @@ body { padding: 0; height: 100vh; width: 100%; - font-family: 'JetBrains Mono', monospace; + font-family: "Inter", serif; word-wrap: break-word; text-overflow: ellipsis; } h1 { font-size: 1.7rem; + font-family: "JetBrains Mono", monospace; } h2 { font-size: 1.4rem; font-weight: normal; + font-family: "JetBrains Mono", monospace; } section { @@ -183,6 +109,11 @@ li { line-height: 1.6rem; } +img { + font-size: 0.9rem; + color: #000000AA; +} + .desktop { visibility: visible !important; } @@ -220,12 +151,17 @@ li { padding-bottom: 50px; } +.text-section > .center-grid > .div-sizing { + max-width: 80ch; +} + .heading { font-size: 2.5rem; font-weight: 600; display: block; margin-top: 1rem; margin-bottom: 1rem; + font-family: "JetBrains Mono", monospace; } .colored-text { @@ -239,6 +175,10 @@ li { color: rgba(0, 0, 0, 0.5); } +.monospaced { + font-family: "JetBrains Mono", monospace; +} + .floating-nav-container { display: block; position: fixed; @@ -257,6 +197,7 @@ li { gap: 20px; align-items: center; clip-path: polygon(0 7.00px, 7px 7px, 7.00px 0, calc(100% - 7.00px) 0, calc(100% - 7px) 7px, 100% 7.00px, 100% calc(100% - 7.00px), calc(100% - 7px) calc(100% - 7px), calc(100% - 7.00px) 100%, 7.00px 100%, 7px calc(100% - 7px), 0 calc(100% - 7.00px)); + font-family: "JetBrains Mono", monospace; } .sidebar { @@ -270,6 +211,7 @@ li { flex-direction: column; align-items: center; transition: left .3s; + font-family: "JetBrains Mono", monospace; } .sidebar > span { @@ -356,6 +298,7 @@ li { animation-name: title; animation-duration: 3s; user-select: none; + font-family: "JetBrains Mono", monospace; } .div-sizing { @@ -392,6 +335,7 @@ li { .big-text { font-size: clamp(1rem, -0.875rem + 30vw, 2rem); max-width: 80%; + font-family: "JetBrains Mono", monospace; } .link { @@ -501,6 +445,7 @@ li { display: block; color: white; box-sizing: border-box; + font-family: "JetBrains Mono", monospace; } .item-left { @@ -566,6 +511,7 @@ li { flex-direction: column; margin-right: 8px; pointer-events: none; + font-family: "JetBrains Mono", monospace; } .full-img-card.highlight-card:hover { @@ -713,6 +659,7 @@ li { box-shadow: none; position: relative; align-content: center; + font-family: "JetBrains Mono", monospace; } .button-alt { @@ -1303,6 +1250,7 @@ li { background: linear-gradient(180deg, transparent calc(100% - 2px), white 0); font-size: large; color: white; + text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } #simpliCity-link:hover { @@ -1347,6 +1295,19 @@ li { clip-path: polygon(0 20.00px, 20px 20px, 20.00px 0, calc(100% - 20.00px) 0, calc(100% - 20px) 20px, 100% 20.00px, 100% calc(100% - 20.00px), calc(100% - 20px) calc(100% - 20px), calc(100% - 20.00px) 100%, 20.00px 100%, 20px calc(100% - 20px), 0 calc(100% - 20.00px)); } +.footnote { + font-size: .9rem; + opacity: .75; +} + +li:target { + background-color: color-mix(in srgb, var(--accent1) 25%, transparent); +} + +.footnote > hr { + display: none; +} + @media only screen and (max-width: 600px) { .desktop { visibility: collapse !important; -- cgit v1.2.3