Table of Contents rendered at the bottom fixed and rendered at the top of the page

_layouts/default.html

@@ -176,8 +176,8 @@
           </nav>
           {% endif %} {% endunless %}
           <div id="main-content" class="page-content" role="main">
-            {{ content }} {% if page.has_children == true and page.has_toc !=
-            false %}
+            {{ content }} {% if page.has_children == true and page.has_toc ==
+            true %}
             <hr />
             <h2 class="text-delta">Table of contents</h2>
             {% assign children_list = site.pages | sort:"nav_order" %}

docs/Combinational/N-Bit Parallel Adder & Subtractor.md

@@ -27,6 +27,7 @@ The carry output of the previous full adder is connected to carry input of the n
 
 ## 4 Bit Parallel Adder
 In the block diagram, A0 and B0 represent the LSB of the four-bit words A and B. 
+
 Hence Full Adder-0 is the lowest stage. 
 Hence its Cin has been permanently made 0. 
 The rest of the connections are the same as those of n-bit parallel adder is shown in fig. The four-bit parallel adder is a very common logic circuit.
@@ -35,7 +36,6 @@ The rest of the connections are the same as those of n-bit parallel adder is sho
 
 <div style="text-align:center"><img src="../../assets/images/fourbitadder_blockdiagram.jpg" /></div>
 
-
 # N-Bit Parallel Subtractor
 
 The subtraction can be carried out by taking the 1's or 2's complement of the number to be subtracted. 
@@ -44,6 +44,7 @@ That means we can use a binary adder to perform the binary subtraction.
 
 
 ## 4 Bit Parallel Subtractor
+
 The number to be subtracted (B) is first passed through inverters to obtain its 1's complement. 
 The 4-bit adder then adds A and 2's complement of B to produce the subtraction. 
 S3 S2 S1 S0 represents the result of binary subtraction (A-B) and carry output Cout represents the polarity of the result. 
@@ -56,6 +57,7 @@ If A > B Cout = 0 and the result of binary form (A-B) then Cout = 1 and the resu
 
 
 ## 8 Bit Full Adder And Subtractor   
+
 <iframe width="100%" height="400px" src="https://circuitverse.org/simulator/embed/2018" id="projectPreview" scrolling="no" webkitAllowFullScreen mozAllowFullScreen allowFullScreen> </iframe>
 
 {% include disqus.html %}

docs/Combinational/combinational.md

@@ -8,6 +8,16 @@ permalink: /docs/combinational
 # Digital Combinational Circuits
 {: .no_toc }
 
+## Table of contents
+{: .no_toc .text-delta }
+
+1. [Half Adder](https://learn.circuitverse.org/docs/Combinational/half_adder.html)
+1. [Full Adder](https://learn.circuitverse.org/docs/Combinational/full_adder.html)
+1. [Half Subtractor](https://learn.circuitverse.org/docs/Combinational/half_sub.html)
+1. [Full Subtractor](https://learn.circuitverse.org/docs/Combinational/full_sub.html)
+1. [N-bit Parallel Adder and Subtractor](https://learn.circuitverse.org/docs/Combinational/N-Bit%20Parallel%20Adder%20&%20Subtractor.html)
+
+## Introduction
 
 Combinational circuits consist of Logic gates. These circuits operate with binary values. The output(s) of combinational circuit depends on the combination of present inputs. The following figure shows the **block diagram** of combinational circuit.
 

docs/Combinational/full_adder.md

@@ -15,7 +15,6 @@ comments: true
 1. TOC
 {:toc}
 
----
 
 ## Introduction
 

docs/Combinational/full_sub.md

@@ -15,8 +15,6 @@ comments: true
 1. TOC
 {:toc}
 
----
-
 ## Introduction
 
 The disadvantage of a half subtractor is overcome by full subtractor. 

docs/Combinational/half_adder.md

@@ -15,8 +15,6 @@ comments: true
 1. TOC
 {:toc}
 
----
-
 ## Introduction
 
 Half adder is a combinational logic circuit with two inputs and two outputs. 

docs/Combinational/half_sub.md

@@ -15,8 +15,6 @@ comments: true
 1. TOC
 {:toc}
 
----
-
 ## Introduction
 
 Half subtractor is a combination circuit with two inputs and two outputs (difference and borrow). 

docs/Latches/latches.md

@@ -10,10 +10,20 @@ permalink: /docs/Latches
 # Latches
 {: .no_toc }
 
+## Table of contents
+{: .no_toc .text-delta }
+
+1. [S-R Latch](https://learn.circuitverse.org/docs/Latches/sr_latch.html)
+1. [D Latch](https://learn.circuitverse.org/docs/Latches/d_latch.html)
+1. [J-K Latch](https://learn.circuitverse.org/docs/Latches/jk_latch.html)
+1. [T Latch](https://learn.circuitverse.org/docs/Latches/t_latch.html)
+
+## Introduction
+
 There are two types of memory elements based on the type of triggering that is suitable to operate it.
 
-* Latches
-* Flip-flops
+1. Latches
+1. Flip-flops
 
 Latches operate with enable signal, which is level sensitive. 
 Whereas, flip-flops are edge sensitive. 

docs/MSI/decoder.md

@@ -6,37 +6,39 @@ nav_order: 3
 comments: true
 ---
 
-# Multiplexers
+# Decoders
 {: .no_toc }
 
+1. TOC
+{:toc}
+
+## Introduction
+
 A decoder is a combinational circuit. 
 It has n input and to a maximum m = 2n outputs. 
 Decoder is identical to a demultiplexer without any data input. 
 It performs operations which are exactly opposite to those of an encoder.
 
 
 ## Block Diagram
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/decoder_blockdiagram.jpg" /></div>
 
-### Examples of Decoders are following.
+### Examples of Decoders ::
 
 * Code converters
 * BCD to seven segment decoders
 * Nixie tube decoders
 * Relay actuator
 
 ## 2 to 4 Line Decoder
-{: .no_toc }
 
 The block diagram of 2 to 4 line decoder is shown in the fig. 
 A and B are the two inputs where D through D are the four outputs. 
 Truth table explains the operations of a decoder. 
 It shows that each output is 1 for only a specific combination of inputs.
 
 ## Block Diagram
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/two_fourdecoder_blockdiagram.jpg" /></div>
 

docs/MSI/demux.md

@@ -9,6 +9,11 @@ comments: true
 # Demultiplexers
 {: .no_toc }
 
+1. TOC
+{:toc}
+
+## Introduction
+
 A demultiplexer performs the reverse operation of a multiplexer i.e. it receives one input and distributes it over several outputs. 
 It has only one input, n outputs, m select input. 
 At a time only one output line is selected by the select lines and the input is transmitted to the selected output line. 
@@ -18,13 +23,11 @@ A de-multiplexer is equivalent to a single pole multiple way switch as shown in
 
 ### 1 : 2  demultiplexer
 #### Block Diagram
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/one_twodemultiplexer_blockdiagram.jpg" /></div>
 
 
 #### Truth Table
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/one_twodemultiplexer_truthtable.jpg" /></div>
 

docs/MSI/encoder.md

@@ -9,22 +9,25 @@ comments: true
 # Encoder
 {: .no_toc }
 
+1. TOC
+{:toc}
+
+## Introduction
+
 Encoder is a combinational circuit which is designed to perform the inverse operation of the decoder. 
 An encoder has n number of input lines and m number of output lines. An encoder produces an m bit binary code corresponding to the digital input number. 
 The encoder accepts an n input digital word and converts it into an m bit another digital word.
 
 ## Block Diagram
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/encoder_blockdiagram.jpg" /></div>
 
-## Examples of Encoders
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
+### Examples of Encoders ::
+
+* Priority encoders
+* Decimal to BCD encoder
+* Octal to binary encoder
+* Hexadecimal to binary encoder
 
 ## Priority Encoder
 
@@ -35,7 +38,7 @@ There are four input D0, D1, D2, D3 and two output Y0, Y1.
 Out of the four input D3 has the highest priority and D0 has the lowest priority. 
 That means if D3 = 1 then Y1 Y1 = 11 irrespective of the other inputs. Similarly if D3 = 0 and D2 = 1 then Y1 Y0 = 10 irrespective of the other inputs.
 
-### Block Diagram
+## Block Diagram
 
 <div style="text-align:center"><img src="../../assets/images/priorityencoder_blockdiagram.jpg" /></div>
 

docs/MSI/msi.md

@@ -8,6 +8,15 @@ permalink: /docs/msi
 # MSI
 {: .no_toc }
 
+## Table of contents
+{: .no_toc .text-delta }
+
+1. [Multiplexers](https://learn.circuitverse.org/docs/MSI/mux.html)
+1. [DeMultiplexers](https://learn.circuitverse.org/docs/MSI/demux.html)
+1. [Decoder](https://learn.circuitverse.org/docs/MSI/decoder.html)
+1. [Encoder](https://learn.circuitverse.org/docs/MSI/encoder.html)
+
+## Introduction
 
 Digital systems obtain binary-coded data and information that are continuously being operated on in some manner. 
 Some of the operations include:

docs/MSI/mux.md

@@ -9,6 +9,11 @@ comments: true
 # Multiplexers
 {: .no_toc }
 
+1. TOC
+{:toc}
+
+## Introduction
+
 Multiplexer is a special type of combinational circuit. 
 There are n-data inputs, one output and m select inputs with 2<sup>m</sup> = n. 
 It is a digital circuit which selects one of the n data inputs and routes it to the output. 
@@ -17,7 +22,6 @@ E is called the strobe or enable input which is useful for the cascading. It is
 
 
 ## Block Diagram
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/n_onemultiplexer_blockdiagram.jpg" /></div>
 
@@ -27,7 +31,6 @@ E is called the strobe or enable input which is useful for the cascading. It is
 
 ### 2 : 1 multiplexer
 #### Truth Table
-{: .no_toc }
 
 <div style="text-align:center"><img src="../../assets/images/two_onemultiplexer_truthtable.jpg" /></div>
 

docs/flipflop/d_flipflop.md

@@ -5,7 +5,15 @@ parent: Flip-Flops
 nav_order: 2
 comments: true
 ---
-## D Flip-Flop
+# D Flip-Flop
+
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+{:toc}
+
+## Introduction
 
 D flip-flop operates with only positive clock transitions or negative clock transitions. Whereas, D latch operates with enable signal. That means, the output of D flip-flop is insensitive to the changes in the input, D except for active transition of the clock signal. The circuit diagram of D flip-flop is shown in the following figure.
 
@@ -14,7 +22,7 @@ D flip-flop operates with only positive clock transitions or negative clock tran
 This circuit has single input D and two outputs Q(t) & Q(t)’. The operation of D flip-flop is similar to D Latch. But, this flip-flop affects the outputs only when positive transition of the clock signal is applied instead of active enable.
 
 
-### State table of **D** flip-flop.
+## State table of **D** flip-flop.
 
 | D    |    Q(t+1) | 
 |:-------|:--------|

docs/flipflop/flipflops.md

@@ -9,6 +9,17 @@ permalink: /docs/flipflop
 # Flip-Flops
 {: .no_toc }
 
+## Table of contents
+{: .no_toc .text-delta }
+
+1. [S-R Flip Flop](https://learn.circuitverse.org/docs/flipflop/sr_flipflop.html)
+1. [D Flip-Flop](https://learn.circuitverse.org/docs/flipflop/d_flipflop.html)
+1. [J-K Flip Flop](https://learn.circuitverse.org/docs/flipflop/jk_flipflop.html)
+1. [T Flip Flop](https://learn.circuitverse.org/docs/flipflop/t_flipflop.html)
+1. [Master Slave J-K Flip Flop](https://learn.circuitverse.org/docs/flipflop/masterslave_jk_flipflop.html)
+
+## Introduction
+
 In previous module, we discussed about Latches. Those are the basic building blocks of flip-flops. We can implement flip-flops in two methods.
 
 In first method, cascade two latches in such a way that the first latch is enabled for every positive clock pulse and second latch is enabled for every negative clock pulse. So that the combination of these two latches become a flip-flop.

docs/flipflop/jk_flipflop.md

@@ -6,14 +6,23 @@ nav_order: 3
 comments: true
 ---
 
-## JK Flip-Flop
+# JK Flip-Flop
+
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+{:toc}
+
+## Introduction
 
 JK flip-flop is the modified version of SR flip-flop. It operates with only positive clock transitions or negative clock transitions. The circuit diagram of JK flip-flop is shown in the following figure.
 
 <div style="text-align:center"><img src="../../assets/images/jk_flipflop.jpg" /></div>
 
 This circuit has two inputs J & K and two outputs Q(t) & Q(t)’. The operation of JK flip-flop is similar to SR flip-flop. Here, we considered the inputs of SR flip-flop as **S = J Q(t)’** and **R = KQ(t)** in order to utilize the modified SR flip-flop for 4 combinations of inputs.
-### State table of **SR** flip-flop.
+
+## State table of **SR** flip-flop
 
 | J      |    K    |   Q(t+1) |
 |:-------|:--------|:---------|
@@ -24,7 +33,7 @@ This circuit has two inputs J & K and two outputs Q(t) & Q(t)’. The operation
 
 Here, Q(t) & Q(t + 1) are present state & next state respectively. So, JK flip-flop can be used for one of these four functions such as Hold, Reset, Set & Complement of present state based on the input conditions, when positive transition of clock signal is applied.
 
-### Characteristic table of SR flip-flop.
+## Characteristic table of SR flip-flop
 
 
 | J      |    K    |   Q(t) |   Q(t+1) |