The latest articles on DEV Community by Yassine Fathi (@m4tt72). https://dev.to/m4tt72 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F159636%2Ff7768706-bf29-4443-bc13-ba0fcba860f0.jpg https://dev.to/m4tt72 en Yassine Fathi Sun, 29 May 2022 13:59:39 +0000 https://dev.to/m4tt72/terminal-style-website-update-2pnn https://dev.to/m4tt72/terminal-style-website-update-2pnn <p>A little while ago, I created a highly customizable terminal styled website, that you can self-host, and use it as your own Portfolio.</p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7b7az4p1mqfabv3w0gdo.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7b7az4p1mqfabv3w0gdo.png" alt="Image description" width="800" height="520"></a></p> <p>I recently added theme support to it, so you can give it any look you like. make sure you visit the <a href="https://github.com/m4tt72/terminal/tree/master/docs/themes">themes section</a> in the docs to see all available themes.</p> <p>The project can be easily deployed to Github Pages. Just like any Next.js project, follow Next.js <a href="https://nextjs.org/docs/advanced-features/static-html-export">static-html-export</a> guide to start.</p> <p>Check out the <a href="https://github.com/m4tt72/terminal">project's repo</a>, and the <a href="https://term.m4tt72.com">live demo</a> I have hosted in <a href="https://vercel.com/">Vercel</a>.</p> javascript webdev react nextjs Yassine Fathi Mon, 15 Nov 2021 08:38:22 +0000 https://dev.to/m4tt72/i-created-a-terminal-style-website-1jb2 https://dev.to/m4tt72/i-created-a-terminal-style-website-1jb2 <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqs9ecnjqwnwta7utn1gz.jpeg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqs9ecnjqwnwta7utn1gz.jpeg" alt="Screenshot of the website"></a><br> Link: <a href="https://term.m4tt72.com" rel="noopener noreferrer">https://term.m4tt72.com</a><br> Repo: <a href="https://github.com/m4tt72/terminal" rel="noopener noreferrer">https://github.com/m4tt72/terminal</a></p> <h2> Why? </h2> <p>I'm a Linux enthusiast, and I tried creating something that will allow 'normal' people to have a glimpse at my world.</p> <p>Feedback is welcomed 🙏</p> javascript react linux