a.shamray/dot-hugo
1
0
Fork 0
forked from TrueCloudLab/dot-hugo
Code Pull requests Activity

modified content tab and syntax highlight

Browse source
This commit is contained in:
somrat-gyver 2020-07-25 12:49:49 +06:00
parent 79c5e270e2
commit ad258dbad8
6 changed files with 75 additions and 205 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

143
assets/css/style.css
View file

@ -217,7 +217,6 @@ select:focus {
pre {
padding: 20px;
border-radius: 2px;
}
/* overlay */
@ -718,7 +717,7 @@ tbody {
/* /single page */
/* side list */
.sidebar{
.sidebar {
background-color: var(--white-color);
position: sticky;
top: 50px;
@ -749,7 +748,7 @@ li.sidelist li a {
color: var(--primary-color);
}
.sidelist li.sidelist.active::before{
.sidelist li.sidelist.active::before {
opacity: 1;
}
@ -775,52 +774,6 @@ p a:empty {
display: none !important;
}
#body .nav-tabs {
position: unset;
width: unset;
}
.tab-content>.tab-pane {
display: none;
}
.tab-pane {
padding: 3px 0px;
}
.tab-pane {
padding: 3px 0px;
}
.tab-content>.active {
display: block;
}
.nav-tabs {
color: #0f0f0f;
list-style-type: none;
margin: 0 !important;
padding: 0;
overflow: hidden;
}
.nav-tabs>li {
color: #0f0f0f;
float: left;
padding: 0 !important;
}
.nav-tabs>li::before {
display: none;
}
.nav-tabs>li>a {
display: block;
padding: 5px 10px;
font-size: 14px;
margin-bottom: 0 !important;
}
pre {
display: block;
padding: 9.5px;
@ -832,37 +785,6 @@ code {
font-size: 100%;
}
.code-tabs {
margin: 10px 0px 0px 00px;
}
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
color: #000 !important;
background: transparent;
}
.tab-content .nav-tabs {
display: none !important;
}
.nav-tabs {
padding-left: 0 !important;
}
.nav-tabs li {
list-style-type: none;
border: 1px solid rgb(212, 212, 212);
border-radius: 4px 4px 0 0;
border-bottom: 0;
}
.tab-pane {
border: 1px solid rgb(212, 212, 212);
padding: 20px;
background: rgb(253, 253, 253);
}
.back-btn {
position: relative;
}
@ -897,9 +819,68 @@ code {
top: 18px;
font-size: 14px;
}
i{
i {
transition: .2s ease;
}
a:hover i {
color: var(--primary-color);
}
/* custom scrollbar */
pre code::-webkit-scrollbar {
height: 5px;
}
pre code::-webkit-scrollbar-track {
background: #000000;
}
pre code::-webkit-scrollbar-thumb {
background: #888;
}
/* content tabs */
.code-tabs {
border: 1px solid #dee2e6;
overflow: hidden;
margin: 20px 0px;
}
.code-tabs .tab-content {
padding: 20px 15px;
margin-bottom: 0;
}
.code-tabs .tab-content .tab-pane{
margin-bottom: 0;
}
.code-tabs .nav-tabs {
margin-bottom: 0;
}
.code-tabs .nav-tabs .nav-item {
padding-left: 0;
border-right: 1px solid #dee2e6;
}
.code-tabs .nav-tabs .nav-item .nav-link {
text-decoration: none;
font-weight: 500;
border: 0;
margin-bottom: 0;
}
.code-tabs .nav-tabs .nav-item::before {
display: none;
}
.code-tabs .nav-tabs .nav-item.active {
background: var(--primary-color);
}
.code-tabs .nav-tabs .nav-item.active .nav-link {
color: var(--white-color);
}

8
exampleSite/content/installation/install/_index.en.md
View file

@ -14,7 +14,7 @@ The following steps are here to help you initialize your new website. If you don
Hugo provides a `new` command to create a new website.
```
```bash
hugo new site <new_project>
```
@ -43,7 +43,7 @@ theme = "Dot"
Then, create content pages inside the previously created chapter. Here are two ways to create content in the chapter:
```
```bash
hugo new installation/first-content.md
hugo new installation/second-content/_index.md
```
@ -54,7 +54,7 @@ Feel free to edit thoses files by adding some sample content and replacing the `
Launch by using the following command:
```
```bash
hugo serve
```
@ -64,7 +64,7 @@ Go to `http://localhost:1313`
When your site is ready to deploy, run the following command:
```
```bash
hugo
```

8
exampleSite/content/installation/install/_index.fr.md
View file

@ -14,7 +14,7 @@ The following steps are here to help you initialize your new website. If you don
Hugo provides a `new` command to create a new website.
```
```bash
hugo new site <new_project>
```
@ -43,7 +43,7 @@ theme = "Dot"
Then, create content pages inside the previously created chapter. Here are two ways to create content in the chapter:
```
```bash
hugo new installation/first-content.md
hugo new installation/second-content/_index.md
```
@ -54,7 +54,7 @@ Feel free to edit thoses files by adding some sample content and replacing the `
Launch by using the following command:
```
```bash
hugo serve
```
@ -64,7 +64,7 @@ Go to `http://localhost:1313`
When your site is ready to deploy, run the following command:
```
```bash
hugo
```

17
layouts/partials/head.html
View file

@ -1,22 +1,17 @@
<head>
<meta charset="utf-8">
<title>{{ .Title }}</title>
{{ hugo.Generator }}
{{ "<!-- mobile responsive meta -->" | safeHTML }}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
{{ hugo.Generator }}
{{ "<!-- ** CSS Plugins Needed for the Project ** -->" | safeHTML }}
{{ "<!-- ** Plugins Needed for the Project ** -->" | safeHTML }}
{{ "<!-- Bootstrap -->" | safeHTML }}
<link rel="stylesheet" href="{{ `plugins/bootstrap/bootstrap.min.css` | absURL }}">
{{ "<!-- themefy-icon -->" | safeHTML }}
<link rel="stylesheet" href="{{ `plugins/themify-icons/themify-icons.css` | absURL }}">
{{ "<!-- highlight -->" | safeHTML }}
<link rel="stylesheet" href="{{ `plugins/highlight/hybrid.css` | absURL }}">
{{ "<!--Favicon-->" | safeHTML }}
<link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
@ -38,6 +33,8 @@
{{ "<!-- Main Stylesheet -->" | safeHTML }}
{{ $css := resources.Get "css/style.css" | minify }}
<link href="{{ $css.Permalink }}" rel="stylesheet" media="screen"/>
{{ "<!-- ** JS Plugins Needed for the Project ** -->" | safeHTML }}
{{ "<!-- jquiry -->" | safeHTML }}
<script src="{{ `plugins/jquery/jquery-1.12.4.js` | absURL }}"></script>
@ -51,10 +48,6 @@
{{ "<!-- match-height JS -->" | safeHTML }}
<script src="{{ `plugins/match-height/jquery.matchHeight-min.js` | absURL }}"></script>
{{ "<!-- highlight -->" | safeHTML }}
<script src="{{ `plugins/highlight/highlight.pack.js` | absURL }}"></script>
<script>hljs.initHighlightingOnLoad();</script>
{{ template "_internal/google_analytics.html" . }}
</head>

2
static/plugins/highlight/highlight.pack.js
View file

File diff suppressed because one or more lines are too long

102
static/plugins/highlight/hybrid.css
View file

@ -1,102 +0,0 @@
/*
vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
*/
/*background color*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #1d1f21;
}
/*selection color*/
.hljs::selection,
.hljs span::selection {
background: #373b41;
}
.hljs::-moz-selection,
.hljs span::-moz-selection {
background: #373b41;
}
/*foreground color*/
.hljs {
color: #c5c8c6;
}
/*color: fg_yellow*/
.hljs-title,
.hljs-name {
color: #f0c674;
}
/*color: fg_comment*/
.hljs-comment,
.hljs-meta,
.hljs-meta .hljs-keyword {
color: #707880;
}
/*color: fg_red*/
.hljs-number,
.hljs-symbol,
.hljs-literal,
.hljs-deletion,
.hljs-link {
color: #cc6666
}
/*color: fg_green*/
.hljs-string,
.hljs-doctag,
.hljs-addition,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #b5bd68;
}
/*color: fg_purple*/
.hljs-attribute,
.hljs-code,
.hljs-selector-id {
color: #b294bb;
}
/*color: fg_blue*/
.hljs-keyword,
.hljs-selector-tag,
.hljs-bullet,
.hljs-tag {
color: #81a2be;
}
/*color: fg_aqua*/
.hljs-subst,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #8abeb7;
}
/*color: fg_orange*/
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-quote,
.hljs-section,
.hljs-selector-class {
color: #de935f;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}