# Writing Guide for writers at OpenGenus IQ

Get FREE domain for 1st year and build your brand new site

As a writer at OpenGenus IQ, you have the freedom to write in any structure which is reasonably, helpful to learners. We have provided the basic structure in this post to help you get started quickly.

To join as a writer at OpenGenus IQ:

Join our Internship program to become a regular writer with guidance from our mentors

or

Comment under this thread and our mentors will get in touch with you directly

We will be selecting leaders for this mission through the writers team and is similar to other projects at OpenGenus. You have the full ownership and credit of the note you write forever. Further guidance and benefits will be provided as we move further in this mission of providing a new learning experience on the Web.

Create a new article:

Title should reflect the content of your article and should be less than 70 characters (ideally)

Following is the overview of the atomic elements of a great note (exact components depends upon your topic):

# Type Note Use
1 Well-written Text Forms the basic structure of any post Compulsory
2 Image Gives a visual prespective and helps in imagination of the concepts Complusory
3 Code Gives a practical idea to develop own custom application Complusory
4 Complexity Gives a practical idea of performance Complusory
5 Applications Gives a practical idea of use in real-life Complusory
6 Questions Enhances interactivity and scope to test knowledge Complusory
7 Discussion Enables all OpenGenus members to stay connected Default
8 Audio Helps reliefs the eye and helps imagination Optional
9 Video Gives the final boost to learning Optional

#### The basic structure of a post is as follows:

You can format your article using:

• Plain text with editor features
• HTML (shall be avoided when possible)
• Markdown
Learn about Markdown in 10 minutes

We present the complete structure first and then, we have walked through each of the components in detail. Once you are done with this, you may go through some of our published articles to get the complete idea.

## Basic structure

Following is a guide on the structure of your article (Note: it is not fixed so you can customize it accordingly based on your topic):

<!-- heading -->

<div class="table_of_contents">
</div>

<br>

<p id="time">Reading time: <Number> minutes | Coding time: <Number> minutes </p>

<div id="algorithm"></div>

### Pseudocode

### Complexity

* Worst case time complexity: <code class="yellow">**&Theta;(<>)**</code>
* Average case time complexity: <code class="yellow">**&Theta;(<>)**</code>
* Best case time complexity: <code class="yellow">**&Theta;(<>)**</code>
* Space complexity: <code class="yellow">**&Theta;(<>)**</code>

### Implementations

For single code use markdown as follows:

cpp
code ...


// Note: Multiple codes may be avoided when possible

For multiple tabs for multiple implementations, use HTML as follows:

<ul class="tabs">
<li class="active" rel="tab1">C</li>
<li class="" rel="tab2">C++</li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content">
<pre><code class="language-c">

<!-- Write the code

There should not be any empty lines in the code
Convert all "<" and ">" characters to "&lt;" and "&gt;" respectively

The class "language-c" comes from the guide of highlight.js library
For Java, it is "language-java";
for C++, it is "language-cpp" and others
-->

</code></pre>
</div>
<!-- tab 1 C code -->

<div id="tab2" class="tab_content">
<pre><code class="language-ppc">

<!--

This is to demonstrate adding a second code

-->
</code></pre>
</div>
<!-- tab 2 C++ code -->

</div>

### Applications

<!-- Note: Discussion tab will appear only when published -->



# Text

Add text is simple as you need not use HTML tags and you should avoid it when possible. The key point is that all text should be written in your own words and should not be same as in external images.

You can search your text in a search engine to verify this.

# Code

language



Code can be added using HTML tags as well but you may avoid it for better rendering.

# Tables

Tables should be avoided and can be replaced by Markdown lists. This is because lists render better than table.

Go through our Markdown guide to get the idea on how to add it.

# Mathematical Equations

To add equations, you may use:

• MathJax (a library) is enabled so you may use its format directly
• Create the equations in Microsoft Word and then, take a screenshot of the equation and add it as an image

To do so, use the following format:

<div class="container"style="width:100%;">
<h2>Question</h2>
<h4>the question text</h4>
<h6 id="question_message" class="question_message"></h6>
<section class="questionlist">
<div class="correct_option">option1</div>
<div class="wrong_option">option2</div>
<div class="wrong_option">option3</div>
<div class="wrong_option">option4</div>
</section>
Answer explanation goes here. Only works with HTML
</div>
</div>


The question will render as:

To do so, use the following format:

<a href="/path/image.jpg" data-lightbox="post title">
<img width="900px" src="/path/image.jpg" alt="topic of image">
</a>


or

![topic of image (Alt text)](Relative Image URL)


Points to note:

• You need to create your own images. Paint is usually used for simple images. Other alternatives is to create the required design using Microsoft Word or Excel and take a screenshot of the concerned section.
• You need to name your image file to a descriptive name.
• Image should have the text "iq.opengenus.org" as a watermark or at a corner. You can do this easily using Microsoft Paint.
• Images may be avoided when possible as it improves the page speed significantly.

Note: All external links in your articles should be placed at the end in a reference section only. Within the article, you may use OpenGenus links.

This shall be use to refer to other OpenGenus articles. The code is as follows:

<a id="referencelink" target="_blank" href="https://iq.opengenus.org/regression-techniques/">
</a><br>


It works on posts and pages and renders as follow:

You are free to create custom images and videos required to explain the note in a better way.