<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Web on ISG Blog · D-MATH</title><link>https://isg-blog.math.ethz.ch/tags/web/</link><description>Recent content in Web on ISG Blog · D-MATH</description><generator>Hugo</generator><language>en-gb</language><lastBuildDate>Tue, 30 Jun 2026 08:23:37 +0200</lastBuildDate><atom:link href="https://isg-blog.math.ethz.ch/tags/web/index.xml" rel="self" type="application/rss+xml"/><item><title>Personal homepage with ETH Layout</title><link>https://isg-blog.math.ethz.ch/posts/personal-homepage/</link><pubDate>Mon, 23 Mar 2026 13:35:57 +0100</pubDate><guid>https://isg-blog.math.ethz.ch/posts/personal-homepage/</guid><description>&lt;p&gt;One possible way to have a personal homepage at the Department of Mathematics with a corporate design is described below.&lt;/p&gt;
&lt;p&gt;
&lt;figure&gt;
&lt;a href="https://isg-blog.math.ethz.ch/posts/personal-homepage/personal-homepage.png" class="glightbox"&gt;
&lt;img src="https://isg-blog.math.ethz.ch/posts/personal-homepage/personal-homepage_hu_b02f7553475b5458.webp" alt="" loading="lazy"&gt;
&lt;/a&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="configuration"&gt;Configuration&lt;/h2&gt;
&lt;p&gt;Open a terminal (for MacOS: Menu &amp;gt; Finder &amp;gt; Go &amp;gt; Utilities &amp;gt; Terminal) on a computer of D-MATH or on your private computer connected with VPN and login for instance on &lt;code&gt;ion-4&lt;/code&gt; i.e.:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;$ ssh ion-4
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# or&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;$ ssh your-eth-username@ion-4
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Afterwards execute the following command:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;$ create-personal-homepage
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Now you should have the following files in your &lt;code&gt;www&lt;/code&gt;-folder:&lt;/p&gt;</description></item><item><title>Personal homepage</title><link>https://isg-blog.math.ethz.ch/posts/personal-homepage-2/</link><pubDate>Fri, 07 Mar 2025 09:28:24 +0100</pubDate><guid>https://isg-blog.math.ethz.ch/posts/personal-homepage-2/</guid><description>&lt;blockquote&gt;
&lt;p&gt;Read &lt;a href="../personal-homepage"&gt;this blog&lt;/a&gt; for an alternative solution to create a &lt;a href="../personal-homepage"&gt;personal homepage with corporate design&lt;/a&gt;. If you instead want a personal homepage with “full control”, read below.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id="general-information"&gt;General information&lt;/h3&gt;
&lt;p&gt;The URL (address) of your homepage is/will be the following:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://people.math.ethz.ch/~username"&gt;https://people.math.ethz.ch/~username&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The main file that you need has to be called &lt;code&gt;index.html&lt;/code&gt;. You will probably have some more files like images, CSS-files, PDF-files, etc. You have to put all these files in your &lt;code&gt;www&lt;/code&gt;-folder on the server.&lt;/p&gt;</description></item><item><title>How to Protect a Webpage with a Password</title><link>https://isg-blog.math.ethz.ch/posts/webpage-with-password/</link><pubDate>Wed, 17 May 2023 10:40:06 +0200</pubDate><guid>https://isg-blog.math.ethz.ch/posts/webpage-with-password/</guid><description>&lt;p&gt;Suppose you want to protect the sub-page “secure” of your homepage with a password; that is, you want the visitors to be asked for a username and a password when accessing a webpage:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://people.math.ethz.ch/~USERNAME/secure/"&gt;https://people.math.ethz.ch/~USERNAME/secure/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;To do that you first have to create the directory “secure” with the correct permissions:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;mkdir ~/www/secure
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;chmod &lt;span style="color:#ae81ff"&gt;755&lt;/span&gt; ~/www/secure
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Then you have to create a kind of configuration file in that directory, named &lt;em&gt;.htaccess&lt;/em&gt; with the following content (you can use emacs, xemacs, vi, … as editor)&lt;/p&gt;</description></item></channel></rss>