Merge pull request #5 from rac2030/upstreampr

project specific css override
This commit is contained in:
sethmacleod 2017-03-07 21:13:54 -05:00 committed by GitHub
commit 86664c932f
4 changed files with 16 additions and 3 deletions

View file

@ -8,13 +8,12 @@ Dimension is a single page and responsive site template. It is a port of [HTML5
Run the following commands inside your Hugo site folder: Run the following commands inside your Hugo site folder:
$ cd themes $ git clone https://github.com/sethmacleod/dimension.git themes/dimension
$ git clone https://github.com/sethmacleod/dimension.git
Alternatively use git submodules in order to have a way to easily update the theme from the source in case you have your site in git as well. Alternatively use git submodules in order to have a way to easily update the theme from the source in case you have your site in git as well.
For this run the following commands inside your Hugo site folder: For this run the following commands inside your Hugo site folder:
$ git submodule add https://github.com/sethmacleod/dimension.git $ git submodule add https://github.com/sethmacleod/dimension.git themes/dimension
If you checkout your site from a repository which has this added as a submodule (e.g. if you are using CI to deploy), execute following commands or put them into a initgit.sh file in your repository which can be executed by your CI: If you checkout your site from a repository which has this added as a submodule (e.g. if you are using CI to deploy), execute following commands or put them into a initgit.sh file in your repository which can be executed by your CI:
@ -60,6 +59,18 @@ You will need to use an external service for the contact form since static sites
For the `config.toml`, follow the template at the bottom of `config.toml` in your exampleSite folder. German is used as the example language, but you can use any language you want. For content files, it is suggested to use the same base file name for each translate page. For example, for `about.md`, use `about.de.md` for the German page. For the `config.toml`, follow the template at the bottom of `config.toml` in your exampleSite folder. German is used as the example language, but you can use any language you want. For content files, it is suggested to use the same base file name for each translate page. For example, for `about.md`, use `about.de.md` for the German page.
## Google Analytics
To include Google Analytics, you can follow the standard Hugo way and just add `googleAnalytics = "UA-123-45"` to the `config.toml` as described on [Analytics in Hugo](https://gohugo.io/extras/analytics/).
## CSS Overrides
If you need to override some CSS properties or add new ones which will be on top of the existing template CSS, you can create the file `static/css/project.css` and it will be loaded after the themes own CSS files.
Changing the background color for the content modals would need the following addition to the `project.css`
#main article {
background-color: rgba(89, 64, 50, 0.85);
}
## License ## License
This theme is released under the CC BY 3.0 license. For more information, read the [License](https://github.com/sethmacleod/dimension/blob/master/LICENSE.md). This theme is released under the CC BY 3.0 license. For more information, read the [License](https://github.com/sethmacleod/dimension/blob/master/LICENSE.md).

View file

@ -12,6 +12,7 @@
<script src="/js/skel.min.js"></script> <script src="/js/skel.min.js"></script>
<script src="/js/util.js"></script> <script src="/js/util.js"></script>
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
{{ template "_internal/google_analytics_async.html" . }}
</body> </body>
</html> </html>

View file

@ -10,6 +10,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
<link rel="stylesheet" href="/css/project.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="/css/ie9.css" /><![endif]--> <!--[if lte IE 9]><link rel="stylesheet" href="/css/ie9.css" /><![endif]-->
<noscript><link rel="stylesheet" href="/css/noscript.css" /></noscript> <noscript><link rel="stylesheet" href="/css/noscript.css" /></noscript>
</head> </head>

0
static/css/project.css Normal file
View file