Skip to content

Commit

Permalink
First working version (#1)
Browse files Browse the repository at this point in the history
* First working version
* Added command line interface
* Support for dark and light version
  • Loading branch information
Florian Maas authored May 30, 2022
1 parent 7c3ce30 commit a13e468
Show file tree
Hide file tree
Showing 27 changed files with 1,557 additions and 29 deletions.
5 changes: 5 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,4 +1,9 @@
docs/source
.vscode/
/public/
/settings.yaml
/template/
sandbox

# From https://raw.githubusercontent.com/github/gitignore/main/Python.gitignore

Expand Down
16 changes: 8 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
# cookiecutter-poetry-example
# simple-homepage

[![Release](https://img.shields.io/github/v/release/fpgmaas/cookiecutter-poetry-example)](https://img.shields.io/github/v/release/fpgmaas/cookiecutter-poetry-example)
[![Build status](https://img.shields.io/github/workflow/status/fpgmaas/cookiecutter-poetry-example/merge-to-main)](https://img.shields.io/github/workflow/status/fpgmaas/cookiecutter-poetry-example/merge-to-main)
[![Commit activity](https://img.shields.io/github/commit-activity/m/fpgmaas/cookiecutter-poetry-example)](https://img.shields.io/github/commit-activity/m/fpgmaas/cookiecutter-poetry-example)
[![Docs](https://img.shields.io/badge/docs-gh--pages-blue)](https://fpgmaas.github.io/cookiecutter-poetry-example/)
[![Release](https://img.shields.io/github/v/release/fpgmaas/simple-homepage)](https://img.shields.io/github/v/release/fpgmaas/simple-homepage)
[![Build status](https://img.shields.io/github/workflow/status/fpgmaas/simple-homepage/merge-to-main)](https://img.shields.io/github/workflow/status/fpgmaas/simple-homepage/merge-to-main)
[![Commit activity](https://img.shields.io/github/commit-activity/m/fpgmaas/simple-homepage)](https://img.shields.io/github/commit-activity/m/fpgmaas/simple-homepage)
[![Docs](https://img.shields.io/badge/docs-gh--pages-blue)](https://fpgmaas.github.io/simple-homepage/)
[![Code style with black](https://img.shields.io/badge/code%20style-black-000000.svg)](https://github.com/psf/black)
[![Imports with isort](https://img.shields.io/badge/%20imports-isort-%231674b1)](https://pycqa.github.io/isort/)
[![License](https://img.shields.io/github/license/fpgmaas/cookiecutter-poetry-example)](https://img.shields.io/github/license/fpgmaas/cookiecutter-poetry-example)
[![License](https://img.shields.io/github/license/fpgmaas/simple-homepage)](https://img.shields.io/github/license/fpgmaas/simple-homepage)

Create a simple homepage

- **Github repository**: <https://github.com/fpgmaas/cookiecutter-poetry-example/>
- **Documentation** <https://fpgmaas.github.io/cookiecutter-poetry-example/>
- **Github repository**: <https://github.com/fpgmaas/simple-homepage/>
- **Documentation** <https://fpgmaas.github.io/simple-homepage/>

## Releasing a new version

Expand Down
66 changes: 66 additions & 0 deletions docs/example/homepage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<html>

<head>
<link rel="stylesheet" type="text/css" href="static/stylesheet.css" media="screen" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pangolin&display=swap" rel="stylesheet">
<link rel="icon" href="static/favicon.svg" type="image/svg+xml">

<title>Flo's Homepage</title>
</head>

<body>
<div class="center-container">
<div class="image-container">
<img class='image' src='static/images/placeholder.png'>
</div>
<form action="https://www.google.com/search" id="search-form" class="searchform" method="get" name="searchform"
target="_blank">
<input autocomplete="off" id="search-input" class="form-control search" name="q"
placeholder="Hi Flo! Looking for something?" required="required" type="text" autofocus="autofocus">
</form>
<div class='links-container'>

<div class='links-group'>
<h2>Personal</h2>
<ul class='links-list'>

<li><a href="https://mail.google.com/">Gmail</a></li>

<li><a href="https://calendar.google.com/">Calendar</a></li>

</ul>
</div>

<div class='links-group'>
<h2>Productivity</h2>
<ul class='links-list'>

<li><a href="https://github.com">GitHub</a></li>

<li><a href="https://Stackoverflow.com">StackOverflow</a></li>

<li><a href="https://cloud.google.com/">Google Cloud</a></li>

</ul>
</div>

<div class='links-group'>
<h2>Entertainment</h2>
<ul class='links-list'>

<li><a href="https://youtube.com">Youtube</a></li>

<li><a href="https://reddit.com">Reddit</a></li>

<li><a href="https://netflix.com">Netflix</a></li>

</ul>
</div>

</div>
</div>
</body>

</html>
1 change: 1 addition & 0 deletions docs/example/static/favicon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/example/static/images/placeholder.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/example/static/placeholder_white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
112 changes: 112 additions & 0 deletions docs/example/static/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
:root {
--background-color: white;
--text-color: #555555;
--placeholder-color: #999999;
--header-color: #111111;
--accent-color: orange;
}

body {
min-height: 100vh;
min-width: 100vw;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Pangolin', cursive;
color: var(--header-color);
letter-spacing: 1px;
margin: 0;
padding: 0;
background-color: var(--background-color);
}


h2 {
font-size: 1.1rem;
margin: 0 0 .5rem 0;
letter-spacing: 2px;
}

.center-container {
width: 90%;
max-width: 1000px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.image-container {
width: 80%;
max-width: 350px;
margin-bottom: 3rem;
}

.image {
width: 100%;
border-radius: 50%;
aspect-ratio: 1;
object-fit: cover;
}

#search-form {
width: 100%;
max-width: 350px;
margin-bottom: 1rem;

}

#search-input {
width: 100%;
border: 0;
font-size: .9rem;
border-bottom: 1px solid grey;
text-align: center;
font-family: 'Pangolin', cursive;
outline: none;
background-color: var(--background-color);
}

#search-input::placeholder {
color: var(--placeholder-color);
}

.links-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: top;
flex-wrap: wrap;
}

.links-group {
display: flex;
flex-direction: column;
justify-content: top;
align-items: center;
flex: 1 1 0px;
margin: 1em;
max-width: 180px;
}

.links-list {
text-align: center;
list-style-type: none; /* Remove bullets */
padding: 0; /* Remove padding */
margin: 0; /* Remove margins */
}

.links-list a {
text-decoration: none;
color: var(--text-color);
transition: ease all .3s;
}

.links-list a:hover{
color: var(--accent-color);
}

.links-list li {
margin: 0.2rem 0;
}
4 changes: 3 additions & 1 deletion docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,6 @@
[![Commit activity](https://img.shields.io/github/commit-activity/m/fpgmaas/simple-homepage)](https://img.shields.io/github/commit-activity/m/fpgmaas/simple-homepage)
[![License](https://img.shields.io/github/license/fpgmaas/simple-homepage)](https://img.shields.io/github/license/fpgmaas/simple-homepage)

Create a simple homepage
Create a simple homepage

[Link](/example/homepage.html)
1 change: 1 addition & 0 deletions mkdocs.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ site_author: Florian Maas
nav:
- Home: index.md
- Modules: modules.md
- Example: example/homepage.html
plugins:
- search
- mkdocstrings:
Expand Down
Loading

0 comments on commit a13e468

Please sign in to comment.