Project:Open Modding Licenses/ChangelogExample
From Step Mods | Change The Game
Below is an example Changelog file which can be used as a template.
HTML Version[edit | edit source]
The following is an example HTML changelog file. You may use it as a reference for creating your own changelong. The example is designed in HTML5 for high readability with a monotone gray color scheme.
<!DOCTYPE html>
<head>
<style>
<!--
==============================================================================
You can add your own custom CSS styles below. For those not accused with HTML
and CSS, a default layout style has been included for your convenience.
==============================================================================
-->
/* Document level adjustments */
html {}
body {padding: 0; margin: 0; font: 16px arial, sans-serif; color: #1f1f1f; line-height: 1.5em;}
@media (max-width: 900px) {html { font-size: 15px; }}
@media (max-width: 400px) {html { font-size: 13px; }}
/* Defines default tag formats */
h1 {font-size: 2em; letter-spacing: 0.025em; border-bottom: solid 1px #b3b3b3; margin: 0 0 0.5em 0; padding-left: 16px; line-height: 1.25em;}
h2 {font-size: 1.6em; letter-spacing: 0.025em;}
h3 {font-size: 1.4em; letter-spacing: 0.025em;}
h4 {font-size: 1.2em; letter-spacing: 0.025em;}
h5 {font-size: 1em; letter-spacing: 0.025em;}
p {text-indent: 30px;}
blockquote {background-color: #fcfcfc; border-left: 5px solid #ccc; border-radius: 15px; color: #686868; font-style: italic; margin: 25px 100px 5px 50px; padding: 5px 5px 5px 15px;}
/* Layout structure - sections scale with window size */
section {float: left; width: 77%; clear: both; margin: 1em 0 1em 0; padding: 0.75em;}
aside {position: fixed; top: 0; right: 0; height: 97%; width: 20%; padding: 0.75em; border: solid 1px #ccc; font-size: 0.9rem; color: #000; background-color: #eae9e9;}
footer {clear: both; position: fixed; bottom: 0; height: 3%; width: 100%; padding: 0; border-top: solid 1px #a5a5a5; font-size: 0.8rem; text-align: center; background-color: #b3b3b3;}
@media (max-width: 900px) {.content { width: 60%; }.sidebar { width: 40%; }}
@media (max-width: 400px) {.content, .sidebar { float: none; width: auto; }}
/* Classes for various things */
/* header style */
h1.title {font-size: 3.2em; letter-spacing: 0.02em; border-bottom: solid 1px #b3b3b3; margin: 0 0 0.2em 0; padding: 0; line-height: 1em;}
/* Font Stuff */
.fontmedium {font-size: 0.85em;}
.fontsmall {font-size: 0.7em;}
.major {font-size: 1.25em; font-weight: bold; color: #019e1b;}
.hotfix {font-size: 1.05em; font-weight: bold; color: #a83700;}
.bolded {font-weight: bold;}
/* For centering things */
.center {display: block; margin: 0 auto; width: 100%; text-align: center;}
/* Vertically center an element on the page */
.vcenter {position: absolute; top: 50%; transform: translateY(-50%);}
/* No indent with allow things with indents to not be indented...like paragraphs and lists */
.noindent {text-indent: 0px;}
/* Header for the navbar */
div.navHeader {font-weight: bold; padding: 4px 0px 0px 12px; font-size: 1.5rem; clear: both; border-bottom: solid 1px #ccc; line-height: 1.25em;}
/* Navbar class that makes the links pretty */
nav ul {list-style-type: none; margin: 0; padding: 0; width: 100%; line-height: 1.3em;}
nav li a {display: block; color: #000; padding: 6px 0 6px 25px; text-decoration: none;}
nav li a:hover {background-color: #fff; font-size: 1.1em;}
nav li a.major:hover {background-color: #fff; font-weight: bold; font-size: 1.35em;}
nav li a.hotfix:hover {background-color: #fff; font-weight: bold; font-size: 1.15em;}
</style>
<title>ModTitleHere</title>
</head>
<body>
<!--
==============================================================================
Sidebar content area.
==============================================================================
-->
<aside>
<div class="navHeader">Versions Legend</div>
<p>
<table style="margin: 0 0 30px 25px;">
<tr>
<td style="padding: 0 8px 0 0; text-align: right;">Major Releases</td>
<td style="width: 100px; background-color: #019e1b;"></td>
</tr>
<tr>
<td style="padding: 0 8px 0 0; text-align: right;">Hotfixes</td>
<td style="width: 100px; background-color: #a83700;"></td>
</tr>
</table>
</p>
<nav>
<div class="navHeader">Versions</div>
<ul>
<li><a class="hotfix" href="#requires">Version 2.1.1</a></li>
<li><a href="#compat">Version 2.1</a></li>
<li><a class="major" href="#links">Version 2.0</a></li>
<li><a href="#install">Version 1.2</a></li>
<li><a href="#uninstall">Version 1.1</a></li>
<li><a class="major" href="#mcm">Version 1.0</a></li>
<li><a href="#license">Licensing Information</a></li>
<li onclick="myFunction()"><a href="#credits">Credits</a></li>
</ul>
</nav>
</aside>
<!--
==============================================================================
Main content area.
==============================================================================
-->
<section>
<h1 class="title center">Mod Title Here</h1>
<h4 class="center">Created by: Original Author</h4>
<h5 class="center">Currently maintained by: Author</h5>
<span class="center">Current version: X.x.x</span>
</section>
<section>
<h1 id="requires">Version 2.1.1</h1>
<p>Praesent gravida massa sem. Vivamus non dapibus purus. Phasellus bibendum suscipit vestibulum. Donec pulvinar interdum cursus. Vestibulum quis nulla ut odio viverra luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque non neque eu lorem commodo congue vitae eget elit. Integer in posuere ante. Pellentesque rhoncus tellus et risus vulputate, non cursus quam interdum. Nullam at imperdiet ante. Cras maximus, arcu et blandit volutpat, est libero condimentum ante, at pellentesque elit dolor pharetra nibh.</p>
<p>Curabitur accumsan metus id est rhoncus suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque hendrerit risus aliquet quam malesuada, tempus tempus nunc consequat. Ut ut diam odio. Nunc metus nibh, molestie non lacinia aliquam, malesuada vitae ligula. Phasellus semper ac dolor et eleifend. Integer gravida eleifend eleifend. Duis et sagittis sapien. Nunc interdum placerat nisi, gravida lobortis ipsum hendrerit vel. Aliquam a elit ut ante pulvinar posuere. Quisque id urna nec libero rutrum commodo. Etiam velit leo, interdum vel tincidunt id, feugiat et erat. Suspendisse vulputate nunc vitae blandit ultrices. Maecenas a sapien neque.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</section>
<section>
<h1 id="compat">Version 2.1</h1>
<p>The following is a list of compatible mods:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</section>
<section>
<h1 id="links">Version 2.0</h1>
<p>The following is a list of links which will lead you to where you need to go...</p>
</section>
<section>
<h1 id="install">Version 1.2</h1>
<p>Follow the instructions to install the mod:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</section>
<section>
<h1 id="uninstall">Version 1.1</h1>
<h2>Updating</h2>
<p>To update the mod, do the following:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<h2>Uninstallation</h2>
<p>To uninstall the mod, do the following:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</section>
<section>
<h1 id="mcm">Version 1.0</h1>
<p>These menus are out of the world!</p>
</section>
<section>
<h1 id="license">Licensing Information</h1>
<p>Licensed under OML.</p>
</section>
<section>
<h1 id="credits">Credits</h1>
<p>Giving credit where credit is due:</p>
Original Author: nameHere
</section>
<!--
==============================================================================
Footer content area.
==============================================================================
-->
<footer>
<span class="vcenter">Open Modding Group | Licensed under OML</span>
</footer>
</body>
</html>
Text Version[edit | edit source]
============================================================================== Featured Mod Name Here Current Version: ModVersion License: Open Modding License (linkToLicense) Created by: OriginalAuthorName Currently Maintained by: CurrentAuthorName, CurrentAuthorName, CurrentAuthorName ============================================================================== ============================================================================== Changelog ==============================================================================
