location: Diff for "Homepage"

Institute of Mathematics - PublicMathWiki:

Differences between revisions 1 and 28 (spanning 27 versions)
⇤ ← Revision 1 as of 2017-06-19 08:48:27 →
Size: 25
Editor: dmorci
Comment:
← Revision 28 as of 2021-02-03 10:24:51 → ⇥
Size: 3276
Editor: eseide
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
Describe Homepage here. <<TableOfContents>>

= Personal Homepage =

All institute members are automatically listed (http://www.math.uzh.ch/index.php?id=personal) on the institute's page (as long as they are employed), including a detailed '''personal page''' with subpages for Research, CV and Publications. The data shown are either automatically generated and (optional) manually extended by the user via 'Local Info' (see below), or loaded from a directory where the user can create HTML files directly.

== Via 'Local Info' ==

 1. Go to Local Info [[https://www.math.uzh.ch/li/]] > Login > Personal homepage
 1. For every page (Main, Research, ...) a list of records can be created. Each record might contain text, links, pictures or PDFs for download. To style the output, use HTML.

== HTML ==

 * It's necessary to have knowledge in HTML! The support group won't help you fixing HTML / CSS or other problems. If you don't know HTML, use the offer above.
 * Please contact [[http://www.math.uzh.ch/support]] and ask to setup the necessary 'public_html' directory and coressponding URL.
 * In your home directory a new directory called 'public_html' will appear. Please save all of your homepage files there.
 * The entry page has to be called 'index.html' (the filename has to be lowercase).
 * After creating new files: open a terminal (Applications > System Tools > MATE Terminal) and type `setwww` and press `enter`: {{{
setwww
}}}
 * The URL are typically: http://user.math.uzh.ch/<lastname>

=== Design ===
To create a modern homepage that can be viewed from desktop devices and smartphones alike, please refer to the following links:

 * [[http://getbootstrap.com/|bootstrap]] - A mobile first HTML/CSS/JQuery framework for your homepage made by twitter.
 * [[http://foundation.zurb.com/sites.html|foundation]] - Alternative framework to bootstrap.
 * [[http://www.w3schools.com/|w3schools]] - A site offering tutorials and information for HTML, CSS, Bootstrap and Javascript.
 * --[[http://html5up.net|html5up.net]] - A site with free to use templates made using bootstrap.-- Seems to have moved to pixelarity.com and is no longer free.
 * [[http://wptavern.com/13-sources-for-free-public-domain-and-cc0-licensed-images|List of cc0 image galleries]] - Creative Commons 0 images can be used freely.

=== Password protection ===

 * Create the file `.htaccess` in the access restricted directory, e.g.: `~/public_html/private/.htaccess`.
 * Content:
{{{
AuthName "private stuff login"
AuthType Basic
AuthUserFile /userpages/<surname>/.htaccessusers
require valid-user
}}}
 * Create or modify your user database:
{{{
# Create .htaccessusers
$ htpasswd -c ~/public_html/.htaccessusers <username>

# If there is a .htaccessusers file and you would like to add or alter a user/password:
$ htpasswd ~/public_html/.htaccessusers <username>
}}}
 * Do not forget to call `setwww` if you create new files.



== HTML Math Symbols ==

Math Symbols can be typed as HTML codes in modern browsers:

https://www.w3schools.com/charsets/ref_utf_math.asp

== Redirect ==

 * https://developer.mozilla.org/en-US/docs/Web/HTTP/Redirections

{{{
<head>
  <meta http-equiv="refresh" content="0; URL=http://www.example.com/" />
</head>
}}}

Contents

  1. Personal Homepage
    1. Via 'Local Info'
    2. HTML
      1. Design
      2. Password protection
    3. HTML Math Symbols
    4. Redirect

Personal Homepage

All institute members are automatically listed (http://www.math.uzh.ch/index.php?id=personal) on the institute's page (as long as they are employed), including a detailed personal page with subpages for Research, CV and Publications. The data shown are either automatically generated and (optional) manually extended by the user via 'Local Info' (see below), or loaded from a directory where the user can create HTML files directly.

Via 'Local Info'

  1. Go to Local Info https://www.math.uzh.ch/li/ > Login > Personal homepage

  2. For every page (Main, Research, ...) a list of records can be created. Each record might contain text, links, pictures or PDFs for download. To style the output, use HTML.

HTML

  • It's necessary to have knowledge in HTML! The support group won't help you fixing HTML / CSS or other problems. If you don't know HTML, use the offer above.

  • Please contact http://www.math.uzh.ch/support and ask to setup the necessary 'public_html' directory and coressponding URL.

  • In your home directory a new directory called 'public_html' will appear. Please save all of your homepage files there.
  • The entry page has to be called 'index.html' (the filename has to be lowercase).

  • After creating new files: open a terminal (Applications > System Tools > MATE Terminal) and type setwww and press enter: 

    setwww

  • The URL are typically: http://user.math.uzh.ch/<lastname>

Design

To create a modern homepage that can be viewed from desktop devices and smartphones alike, please refer to the following links:

  • bootstrap - A mobile first HTML/CSS/JQuery framework for your homepage made by twitter.

  • foundation - Alternative framework to bootstrap.

  • w3schools - A site offering tutorials and information for HTML, CSS, Bootstrap and Javascript.

  • --html5up.net - A site with free to use templates made using bootstrap.-- Seems to have moved to pixelarity.com and is no longer free.

  • List of cc0 image galleries - Creative Commons 0 images can be used freely.

Password protection

  • Create the file .htaccess in the access restricted directory, e.g.: ~/public_html/private/.htaccess.

  • Content: 

AuthName "private stuff login"
AuthType Basic
AuthUserFile /userpages/<surname>/.htaccessusers
require valid-user
  • Create or modify your user database: 

# Create .htaccessusers
$ htpasswd -c ~/public_html/.htaccessusers <username>

# If there is a .htaccessusers file and you would like to add or alter a user/password:
$ htpasswd ~/public_html/.htaccessusers <username>

  • Do not forget to call setwww if you create new files.

HTML Math Symbols

Math Symbols can be typed as HTML codes in modern browsers:

https://www.w3schools.com/charsets/ref_utf_math.asp

Redirect

<head> 
  <meta http-equiv="refresh" content="0; URL=http://www.example.com/" />
</head>

PublicMathWiki: Homepage (last edited 2023-07-15 10:11:02 by crose)