Initial commit

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,2 @@
+public/
+exampleSite/resources/

LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Fabien Casters
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,57 @@
+# m10c theme
+
+![Intro](images/intro.png)
+
+A Hugo minimalistic theme for bloggers
+
+## Getting started
+
+### Installation
+
+Create a new Hugo site:
+```bash
+$ hugo new site [path]
+```
+
+Clone this repository into `themes/` directory:
+```bash
+$ cd [path]
+$ git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
+```
+
+Add this line  in the `config.toml` file:
+```toml
+theme = "m10c"
+```
+
+### Configuration
+
+In your `config.toml` file, define the following variables in `params`:
+- `author`: Name of the author
+- `description`: Short description of the author
+
+To add a social link, add the following lines in `params`:
+```
+[[params.social]]
+  name = "github"
+  url = "https://github.com/vaga"
+```
+
+To change theme colors, add the following lines in `params`:
+```
+[params.style]
+  darkestColor = "#d35050"
+  darkColor = "#212121"
+  lightColor = "#f5e3e0"
+  lightestColor = "#f5f5f5"
+  primaryColor = "#fff"
+```
+If you want the above theme colors, you can see the [exampleSite/config.toml](/exampleSite/config.toml) file.
+
+## License
+
+This theme is released under the [**MIT**](/LICENSE.md) License.
+
+## Aknowledgements
+
+- [feather](https://feathericons.com/) - [MIT](https://github.com/feathericons/feather/blob/master/LICENSE)

assets/css/main.scss

@@ -0,0 +1,128 @@
+$darkest-color: {{ .Site.Params.style.darkestColor | default "#242930" }};
+$dark-color: {{ .Site.Params.style.darkColor | default "#353b43" }};
+$light-color: {{ .Site.Params.style.lightColor | default "#afbac4" }};
+$lightest-color: {{ .Site.Params.style.lightestColor | default "#ffffff" }};
+$primary-color: {{ .Site.Params.style.primaryColor | default "#57cc8a" }};
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: 1.6;
+}
+
+body {
+  margin: 0;
+  font-family: sans-serif;
+  background: $dark-color;
+  color: $light-color;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: $lightest-color;
+}
+
+a {
+  color: $primary-color;
+  text-decoration: none;
+
+  &:hover {
+    color: $lightest-color;
+    transition: color 0.8s;
+  }
+}
+
+pre {
+  overflow: auto;
+}
+
+.app-header {
+  padding: 2.5em;
+  background: $darkest-color;
+  text-align: center;
+}
+
+.app-header-avatar {
+  max-width: 15rem;
+  max-height: 15rem;
+  border-radius: 100%;
+  border: 0.5rem solid $primary-color;
+}
+
+.app-container {
+  padding: 2.5rem;
+}
+
+.app-header-social {
+  font-size: 2em;
+  color: $lightest-color;
+
+  a {
+    margin: 0 .1em;
+  }
+}
+
+.icon {
+  display: block-inline;
+  width: 1em;
+  height: 1em;
+  vertical-align: -.125em;
+}
+
+.tag {
+  background: rgba(255, 255, 255, 0.1);
+  margin: 0 0.2em;
+  padding: 0.2em 0.4em;
+  border-radius: 0.2em;
+  transition: background 0.8s;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.3);
+  }
+}
+
+.post-title {
+  color: $lightest-color;
+}
+
+.post-content {
+  pre {
+    border-left: 0.4em solid rgba($primary-color, .8);
+    padding-left: 1em;
+  }
+}
+
+.post-meta {
+  font-size: 0.8em;
+}
+
+.posts-list {
+  padding: 0;
+}
+
+.posts-list-item {
+  list-style: none;
+  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
+  padding: 0.4em 0;
+}
+
+.posts-list-item-description {
+  display: block;
+  font-size: 0.8em;
+}
+
+@media (min-width: 940px) {
+  .app-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 20rem;
+    min-height: 100vh;
+  }
+
+  .app-container {
+    max-width: 65rem;
+    margin-left: 20rem;
+  }
+}

exampleSite/config.toml

@@ -0,0 +1,30 @@
+baseURL = "https://example.com"
+title = "Your title"
+themesDir = "../.."
+theme = "m10c"
+
+[params]
+  author = "John Doe"
+  description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vehicula turpis sit amet elit pretium."
+  [[params.social]]
+    name = "github"
+    url = "https://github.com/gohugoio"
+  [[params.social]]
+    name = "twitter"
+    url = "https://twitter.com/gohugoio"
+
+  # Green theme
+  #[params.style]
+  #  darkestColor = "#315659"
+  #  darkColor = "#253031"
+  #  primaryColor = "#dad865"
+  #  lightColor = "#96a879"
+  #  lightestColor = "#fff"
+
+  # Red and black theme
+  #[params.style]
+  #  darkestColor = "#d35050"
+  #  darkColor = "#212121"
+  #  primaryColor = "#ffffff"
+  #  lightColor = "#a2a2a2"
+  #  lightestColor = "#d3d3d3"