diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..a9770f1 --- /dev/null +++ b/index.html @@ -0,0 +1,135 @@ +<!DOCTYPE html> +<html lang="en-gb"> + <head> + <meta name="generator" content="Hugo 0.38.2" /> + <title> Start Page </title> + <meta charset="utf-8"> +<meta http-equiv="X-UA-Compatible" content="IE=edge"> +<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> +<link rel="shortcut icon" type="image/png" href="https://tnwhitwell.github.io/hugo-startpage-theme/images/favicon.png"/> +<link rel="stylesheet" href="https://tnwhitwell.github.io/hugo-startpage-theme/css/font-roboto.min.css"> +<link rel="stylesheet" href="https://tnwhitwell.github.io/hugo-startpage-theme/css/styles.min.css" /> +<link rel="stylesheet" href="https://tnwhitwell.github.io/hugo-startpage-theme/css/material.blue_grey-cyan.min.css"> + + </head> + <body class="mdl-base"> + <div class="mdl-layout__container"></div> + <div class="mdl-layout mdl-js-layout mdl-color--grey-600"> + <header class="mdl-layout__header mdl-color--primary"> + <div class="mdl-layout__header-row"> + <span class="mdl-layout-title">Start Page</span> + </div> +</header> + <main class="mdl-layout__content"> + <div class="mdl-grid"> + + <div class="mdl-card mdl-card mdl-shadow--6dp mdl-color--grey-300 mdl-cell mdl-cell--2-col mdl-cell--4-col-tablet mdl-cell--8-col-phone"> + <div class="mdl-card__title mdl-color--blue"> + <h4 class="mdl-card__title-text mdl-color-text--grey-50">Some card title</h4> + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://www.google.com" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Google</a> + + <a href="https://www.bing.com/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Bing</a> + + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://news.ycombinator.com/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Hacker News</a> + + <a href="https://www.reddit.com/r/devops/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Reddit r/devops</a> + + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://www.aljazeera.com/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Al Jazeera</a> + + </div> + + </div> + + <div class="mdl-card mdl-card mdl-shadow--6dp mdl-color--grey-300 mdl-cell mdl-cell--2-col mdl-cell--4-col-tablet mdl-cell--8-col-phone"> + <div class="mdl-card__title mdl-color--purple"> + <h4 class="mdl-card__title-text mdl-color-text--grey-50">Cat Pictures</h4> + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://www.reddit.com/r/cats/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Reddit r/cats</a> + + <a href="https://www.google.co.uk/search?q=cat+pictures&source=lnms&tbm=isch&sa=X&ved=2ahUKEwimxtGlotPaAhXjJsAKHSyDCRMQ_AUoAXoECAAQAw&biw=1276&bih=1080" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Google images</a> + + </div> + + </div> + + <div class="mdl-card mdl-card mdl-shadow--6dp mdl-color--grey-300 mdl-cell mdl-cell--2-col mdl-cell--4-col-tablet mdl-cell--8-col-phone"> + <div class="mdl-card__title mdl-color--red"> + <h4 class="mdl-card__title-text mdl-color-text--grey-50">Development</h4> + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://github.com/tnwhitwell" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">GitHub</a> + + <a href="https://gitlab.whitwell.xyz" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">GitLab</a> + + <a href="https://hub.docker.com/u/tnwhitwell/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Docker Hub</a> + + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="http://localhost:8001/api/v1/namespaces/kube-system/services/https:kubernetes-dashboard:/proxy/#!/overview?namespace=default" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">K8s Dashboard</a> + + <a href="https://example.com" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Grafana</a> + + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://analytics.google.com/analytics/web/#/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">GAnalytics</a> + + </div> + + </div> + + <div class="mdl-card mdl-card mdl-shadow--6dp mdl-color--grey-300 mdl-cell mdl-cell--2-col mdl-cell--4-col-tablet mdl-cell--8-col-phone"> + <div class="mdl-card__title mdl-color--cyan"> + <h4 class="mdl-card__title-text mdl-color-text--grey-50">Media</h4> + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://www.reddit.com" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Reddit</a> + + <a href="https://www.theregister.co.uk/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">The Register</a> + + <a href="https://news.ycombinator.com/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Hacker News</a> + + </div> + + <div class="mdl-card__actions mdl-card--border mdl-color-text--grey-900"> + + <a href="https://www.youtube.com/feed/subscriptions" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">YouTube</a> + + <a href="https://www.netflix.com/browse" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Netflix</a> + + <a href="https://www.netflix.com/viewingactivity" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Netflix | History</a> + + <a href="https://trakt.tv/" class="link mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Trakt.tv</a> + + </div> + + </div> + + </div> + </main> + <script defer src="https://tnwhitwell.github.io/hugo-startpage-theme/js/material.min.js"></script> + </div> + </body> +</html> |