Skip to content

Commit bd8695c

Browse files
fajarwzfajarwz
committed
init
0 parents  commit bd8695c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+3653
-0
lines changed

‎.gitignore‎

Whitespace-only changes.

‎LICENSE‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2022 Fajar Windhu Zulfikar (fajarwz)
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of
6+
this software and associated documentation files (the "Software"), to deal in
7+
the Software without restriction, including without limitation the rights to
8+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9+
the Software, and to permit persons to whom the Software is furnished to do so,
10+
subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎README.md‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
# Mayhugo
2+
A Clean, Lightweight, Minimalist Hugo Theme for personal web and blog.
3+
4+
![Mayhugo thumbnail](/images/tn.png)
5+
6+
## Installation
7+
**Step 1:** First you have to install Hugo on your machine. **Note: You need to have the extended version of Hugo v0.99.1 or above.** You can install it by following [these instructions](https://gohugo.io/getting-started/installing/) based on your device.
8+
9+
**Step 2:** After your installation finished, verify it by running this in your terminal
10+
```
11+
hugo version
12+
```
13+
14+
**Step 3:** Create the Hugo website template
15+
16+
```
17+
hugo new site your-site-name
18+
```
19+
20+
**Step 4:** Add Mayhugo theme by entering your folder then create folder named themes
21+
22+
**Step 5:** Add this repository as your submodule project. Type this inside `/themes`
23+
24+
```
25+
git init
26+
git submodule add https://github.com/fajarwz/mayhugo.git
27+
```
28+
29+
For more information read the official [setup guide](https://gohugo.io/themes/installing-and-using-themes/) of the Hugo themes.
30+
31+
## Features
32+
1. Post
33+
2. Project showcase
34+
3. Skills list
35+
4. Social media links
36+
5. Tags
37+
6. Post by tags
38+
7. Disqus (Comment for spesific post)
39+
8. Share post
40+
9. Trakteer
41+
10. Google Tag Manager (GTM)
42+
11. Favicon
43+
12. Image optimization
44+
13. Automated meta link settings for SEO
45+
14. Syntax Highlighter
46+
15. Switchable Light/Dark Mode
47+
16. Post Pagination
48+
17. Featured image of post
49+
18. Responsive
50+
19. Green lighthouse
51+
52+
## Demo
53+
I use this theme on my personal website [`fajarwz.com`](http://fajarwz.com/)
54+
55+
## Getting Started
56+
Set the theme option in your `config.toml` for using this theme:
57+
58+
```
59+
theme = "mayhugo"
60+
```
61+
62+
There is an example site in `/exampleSite` folder inside the theme folder
63+
1. Copy the `/content` folder to your `/content` folder project
64+
2. Copy `/data` folder to your root folder project
65+
3. Also copy `package.json` and `tailwind.config.js` to your folder project
66+
4. You can also copy the entire content of `config.toml` there to your `config.toml` project in your root folder
67+
5. To customize the avatar and default image for post, create folder named `/assets` in your project root and copy your desired image inside it.
68+
6. To customize the skills, edit it in the `/data/skills.toml`
69+
7. Create new post by typing `hugo new blog/my-cool-post/index.md`
70+
8. You can add featured image by copying your image to your post folder, name it, and type the name in `featured_image` params
71+
9. You can add post image also by inserting your desired image to post folder, name it, insert it in the markdown with `{{< imgresize "wireframe-mode-page2.jpg" >}}` shortcode
72+
10. Create new project by typing `hugo new project/my-cool-project/index.md`
73+
11. Customize projects like in the `exampleSite`
74+
75+
All site setting can be found in `config.toml`
76+
77+
## Check the website
78+
In your root folder, start Hugo development server by typing this in the terminal:
79+
```
80+
hugo server
81+
```
82+
You can go to your website by typing this in your browser [`localhost:1313`](http://localhost:1313/)
83+
84+
## Author
85+
- Developed by [fajarwz](https://fajarwz.com).

‎archetypes/blog.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: "{{ replace .Name "-" " " | title }}"
3+
date: {{ .Date }}
4+
tags:
5+
- Go
6+
- Hugo
7+
# featured_image : ""
8+
draft: false
9+
comments: true # enable or disable comments for spesific page
10+
# publishdate: {{ .Date }} # for scheduling post
11+
# expirydate : {{ .Date }} # expiry date for your post
12+
---
13+
14+
Erat imperdiet sed euismod nisi porta.
15+
Nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Viverra
16+
suspendisse potenti nullam ac. Tincidunt id aliquet risus feugiat in. Varius
17+
quam quisque id diam vel. Egestas erat imperdiet sed euismod nisi. Scelerisque
18+
felis imperdiet proin fermentum leo vel orci porta non. Ut faucibus pulvinar
19+
elementum integer. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl.
20+
Ac ut consequat semper viverra nam. Hac habitasse platea dictumst vestibulum
21+
rhoncus. Amet porttitor eget dolor morbi non. Justo eget magna fermentum
22+
iaculis eu non. Id eu nisl nunc mi ipsum faucibus vitae aliquet nec. Aliquam
23+
id diam maecenas ultricies. Non sodales neque sodales ut etiam. Amet massa
24+
vitae tortor condimentum lacinia quis.

‎archetypes/default.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
+++
2+
+++

‎archetypes/projects.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
title: "{{ replace .Name "-" " " | title }}"
3+
date: {{ .Date }}
4+
featured_image: "my-featured-image.jpg" # create your md file inside a folder named your slug page along with this featured image
5+
stack:
6+
- Hugo
7+
- Another Stack
8+
draft: false
9+
# website: "https://example.com" # your project live / in production
10+
# repo: "https://example2.com" # your project's repository or source code
11+
---
12+
13+
A bit description about the project.

‎assets/css/input.css‎

Lines changed: 197 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,197 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
* {
6+
/* for debugging purpose */
7+
/* @apply border border-red-500 */
8+
@apply text-base md:text-lg
9+
}
10+
11+
.no-transition * {
12+
-webkit-transition: none !important;
13+
-moz-transition: none !important;
14+
-ms-transition: none !important;
15+
-o-transition: none !important;
16+
transition: none !important;
17+
}
18+
19+
body {
20+
@apply font-sans text-slate-900 bg-sky-50 dark:text-slate-50 dark:bg-slate-800
21+
}
22+
23+
main {
24+
@apply max-w-[calc(100vw-4px)]
25+
}
26+
27+
h1, h2, h3, h4, h5, h6 {
28+
@apply font-bold
29+
}
30+
31+
h1 {
32+
@apply text-4xl
33+
}
34+
35+
h2 {
36+
@apply text-3xl
37+
}
38+
39+
h3 {
40+
@apply text-2xl
41+
}
42+
43+
h4 {
44+
@apply text-xl
45+
}
46+
47+
h5 {
48+
@apply text-lg
49+
}
50+
51+
h6 {
52+
@apply text-base
53+
}
54+
55+
h1, h2, h3, h4, h5, h6, p, ol:not(li ol), ul:not(li ul), dl, blockquote, pre, table {
56+
@apply leading-relaxed mb-4
57+
}
58+
59+
ol {
60+
@apply list-decimal
61+
}
62+
63+
ul {
64+
@apply list-disc
65+
}
66+
67+
ul, ol {
68+
@apply pl-5
69+
}
70+
71+
.highlight {
72+
@apply min-w-0
73+
}
74+
75+
pre {
76+
@apply min-w-0 overflow-auto p-4 rounded-lg
77+
}
78+
79+
pre code span {
80+
@apply min-w-0
81+
}
82+
83+
code:not(pre code) {
84+
@apply px-2 py-1 rounded-md text-sm bg-gray-300 dark:bg-slate-600
85+
}
86+
87+
a {
88+
@apply text-sky-600 hover:underline dark:text-sky-500
89+
}
90+
91+
blockquote {
92+
@apply bg-sky-100 px-7 py-7 rounded-lg text-slate-600 dark:bg-slate-900 dark:text-slate-300
93+
}
94+
95+
table {
96+
@apply block max-w-fit my-0 mx-auto overflow-x-auto whitespace-nowrap
97+
}
98+
99+
th, td {
100+
@apply border border-slate-400 p-2
101+
}
102+
103+
thead {
104+
@apply bg-slate-200 dark:bg-slate-900
105+
}
106+
107+
.btn {
108+
@apply hover:no-underline dark:text-white dark:no-underline
109+
}
110+
111+
/* syntax highlighter: monokai */
112+
113+
/* Background */ .bg { color: #f8f8f2; background-color: #272822 }
114+
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
115+
/* Other */ .chroma .x { }
116+
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
117+
/* CodeLine */ .chroma .cl { }
118+
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
119+
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
120+
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
121+
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
122+
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
123+
/* Line */ .chroma .line { display: flex; }
124+
/* Keyword */ .chroma .k { color: #66d9ef }
125+
/* KeywordConstant */ .chroma .kc { color: #66d9ef }
126+
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
127+
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
128+
/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
129+
/* KeywordReserved */ .chroma .kr { color: #66d9ef }
130+
/* KeywordType */ .chroma .kt { color: #66d9ef }
131+
/* Name */ .chroma .n { }
132+
/* NameAttribute */ .chroma .na { color: #a6e22e }
133+
/* NameBuiltin */ .chroma .nb { }
134+
/* NameBuiltinPseudo */ .chroma .bp { }
135+
/* NameClass */ .chroma .nc { color: #a6e22e }
136+
/* NameConstant */ .chroma .no { color: #66d9ef }
137+
/* NameDecorator */ .chroma .nd { color: #a6e22e }
138+
/* NameEntity */ .chroma .ni { }
139+
/* NameException */ .chroma .ne { color: #a6e22e }
140+
/* NameFunction */ .chroma .nf { color: #a6e22e }
141+
/* NameFunctionMagic */ .chroma .fm { }
142+
/* NameLabel */ .chroma .nl { }
143+
/* NameNamespace */ .chroma .nn { }
144+
/* NameOther */ .chroma .nx { color: #a6e22e }
145+
/* NameProperty */ .chroma .py { }
146+
/* NameTag */ .chroma .nt { color: #f92672 }
147+
/* NameVariable */ .chroma .nv { }
148+
/* NameVariableClass */ .chroma .vc { }
149+
/* NameVariableGlobal */ .chroma .vg { }
150+
/* NameVariableInstance */ .chroma .vi { }
151+
/* NameVariableMagic */ .chroma .vm { }
152+
/* Literal */ .chroma .l { color: #ae81ff }
153+
/* LiteralDate */ .chroma .ld { color: #e6db74 }
154+
/* LiteralString */ .chroma .s { color: #e6db74 }
155+
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
156+
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
157+
/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
158+
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
159+
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
160+
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
161+
/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
162+
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
163+
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
164+
/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
165+
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
166+
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
167+
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
168+
/* LiteralNumber */ .chroma .m { color: #ae81ff }
169+
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
170+
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
171+
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
172+
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
173+
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
174+
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
175+
/* Operator */ .chroma .o { color: #f92672 }
176+
/* OperatorWord */ .chroma .ow { color: #f92672 }
177+
/* Punctuation */ .chroma .p { }
178+
/* Comment */ .chroma .c { color: #75715e }
179+
/* CommentHashbang */ .chroma .ch { color: #75715e }
180+
/* CommentMultiline */ .chroma .cm { color: #75715e }
181+
/* CommentSingle */ .chroma .c1 { color: #75715e }
182+
/* CommentSpecial */ .chroma .cs { color: #75715e }
183+
/* CommentPreproc */ .chroma .cp { color: #75715e }
184+
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
185+
/* Generic */ .chroma .g { }
186+
/* GenericDeleted */ .chroma .gd { color: #f92672 }
187+
/* GenericEmph */ .chroma .ge { font-style: italic }
188+
/* GenericError */ .chroma .gr { }
189+
/* GenericHeading */ .chroma .gh { }
190+
/* GenericInserted */ .chroma .gi { color: #a6e22e }
191+
/* GenericOutput */ .chroma .go { }
192+
/* GenericPrompt */ .chroma .gp { }
193+
/* GenericStrong */ .chroma .gs { font-weight: bold }
194+
/* GenericSubheading */ .chroma .gu { color: #75715e }
195+
/* GenericTraceback */ .chroma .gt { }
196+
/* GenericUnderline */ .chroma .gl { }
197+
/* TextWhitespace */ .chroma .w { }

0 commit comments

Comments
 (0)