diff --git a/index.html b/index.html
index f8490c1..042a74d 100644
--- a/index.html
+++ b/index.html
@@ -10600,7 +10600,7 @@ <h5 id="score_${vc}" class="score-star" onclick="cloudArticleApp.upgrade_article
                         new_score = Number(new_score);
                         if (typeof new_score !== "number" || new_score <= 0);
                         if(new_score < currentScore){
-                            notify(`You can't score less than previous.`, 'error')
+                            notify("You can't score less than previous.", 'error')
                             return
                         }
                         notify('Updating score...')
@@ -10632,7 +10632,8 @@ <h5 id="score_${vc}" class="score-star" onclick="cloudArticleApp.upgrade_article
                     parent_heading_id = target.closest('.gallery-container').previousElementSibling.id
 /*                     options = document.getElementById('context_menu'),
                     top = target.getBoundingClientRect().top,
-                    left = target.getBoundingClientRect().left; */
+                    left = target.getBoundingClientRect().left; 
+                    */
 
                 if (typeof cloudArticleApp.export_file_object[parent_heading_id] !== "object") {
                     this.register_heading_to_export(parent_heading_id);
@@ -10661,7 +10662,8 @@ <h5 id="score_${vc}" class="score-star" onclick="cloudArticleApp.upgrade_article
 /*                 if (top > window.innerHeight - 100)
                     options.setAttribute('style', `transform: translate(${left}px, ${top - 160}px)`)
                 else
-                    options.setAttribute('style', `transform: translate(${left}px, ${top}px)`) */
+                    options.setAttribute('style', 'transform: translate(${left}px, ${top}px)') 
+                    */
             },
 
             register_heading_to_export: function (heading_id = "") {
@@ -10990,41 +10992,1282 @@ <h5 id="score_${vc}" class="score-star" onclick="cloudArticleApp.upgrade_article
                             </style>
 
                             <script src="https://use.fontawesome.com/41cc35d596.js"><\/script>
-                            <script src="components.js"><\/script>
-
-                            <script id="floGlobals">
-                                /* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
-                                const floGlobals = {
-
-                                    //Required for all
-                                    blockchain: "FLO",
-
-                                    //Required for blockchain API operators
-                                    apiURL: {
-                                        FLO: ['https://livenet.flocha.in/','https://flosight.duckdns.org/'],
-                                        FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
-                                    },
-                                    adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
-                                    sendAmt: 0.001,
-                                    fee: 0.0005,
-
-                                    //Required for Supernode operations
-                                    SNStorageID: "FNaN9McoBAEFUjkRmNQRYLmBF8SpS7Tgfk",
-                                    supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
-
-                                    //for cloud apps
-                                    subAdmins: [],
-                                    webAppURL: "ranchimalltimes-webappserver.duckdns.org",
-                                    application: "TEST_MODE",
-                                    appObjects: {},
-                                    generalData: {},
-                                    lastVC: {}
-                                }
-                            <\/script>
-
+                                <script>
+    
+                                    const smButton = document.createElement('template')
+    smButton.innerHTML = \`
+    <style>     
+    *{
+        padding: 0;
+        margin: 0;
+        -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+    }       
+    :host{
+        display: -webkit-inline-box;
+        display: -ms-inline-flexbox;
+        display: inline-flex;
+        width: auto;
+        --accent-color: #4d2588;
+        --text-color: 17, 17, 17;
+        --background-color: 255, 255, 255;
+        --padding: 0.6rem 1.2rem;
+        --border-radius: 0.3rem;
+        --background: rgba(var(--text-color), 0.1);
+    }
+    :host([variant='primary']) .button{
+        background: var(--accent-color);
+        color: rgba(var(--background-color), 1);
+    }
+    :host([variant='outlined']) .button{
+        -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset;
+                box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset;
+        background: transparent; 
+        color: var(--accent-color);
+    }
+    :host([variant='no-outline']) .button{
+        background: inherit; 
+        color: var(--accent-color);
+    }
+    :host([disabled]){
+        pointer-events: none;
+        cursor: not-allowed;
+    }
+    .button {
+        position: relative;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        width: 100%;
+        padding: var(--padding);
+        cursor: pointer;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+            -ms-user-select: none;
+                user-select: none;
+        border-radius: var(--border-radius); 
+        -webkit-box-pack: center; 
+            -ms-flex-pack: center; 
+                justify-content: center;
+        transition: box-shadow 0.3s, background-color 0.3s;
+        font-family: inherit;
+        font-size: 0.9rem;
+        font-weight: 500;
+        background-color: var(--background); 
+        -webkit-tap-highlight-color: transparent;
+        outline: none;
+        overflow: hidden;
+        border: none;
+        color: inherit;
+        align-items: center;
+    }
+    :host([disabled]) .button{
+        pointer-events: none;
+        cursor: not-allowed;
+        opacity: 0.6;
+        color: rgba(var(--text-color), 1);
+        background-color: rgba(var(--text-color), 0.3);
+    }
+    @media (hover: hover){
+        :host(:not([disabled])) .button:hover{
+            -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
+                    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
+        }
+        :host([variant='outlined']) .button:hover{
+            -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
+                    box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
+        }
+    }
+    @media (hover: none){
+        :host(:not([disabled])) .button:active{
+            -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
+                    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
+        }
+        :host([variant='outlined']) .button:active{
+            -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
+                    box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
+        }
+    }
+    </style>
+    <div part="button" class="button">
+        <slot></slot>   
+    </div>\`;
+    customElements.define('sm-button',
+        class extends HTMLElement {
+            constructor() {
+                super()
+                this.attachShadow({
+                    mode: 'open'
+                }).append(smButton.content.cloneNode(true))
+            }
+            static get observedAttributes() {
+                return ['disabled'];
+            }
+    
+            get disabled() {
+                return this.hasAttribute('disabled')
+            }
+    
+            set disabled(value) {
+                if (value) {
+                    this.setAttribute('disabled', '')
+                }else {
+                    this.removeAttribute('disabled')
+                }
+            }
+    
+            handleKeyDown(e) {
+                if (!this.hasAttribute('disabled') && (e.key === 'Enter' || e.code === 'Space')) {
+                    e.preventDefault()
+                    this.click()
+                }
+            }
+    
+            connectedCallback() {
+                if (!this.hasAttribute('disabled')) {
+                    this.setAttribute('tabindex', '0')
+                }
+                this.setAttribute('role', 'button')
+                this.addEventListener('keydown', this.handleKeyDown)
+            }
+            attributeChangedCallback(name, oldVal, newVal) {
+                if (name === 'disabled') {
+                    this.removeAttribute('tabindex')
+                    this.setAttribute('aria-disabled', 'true')
+                }
+                else {
+                    this.setAttribute('tabindex', '0')
+                    this.setAttribute('aria-disabled', 'false')
+                }
+            }
+        })
+    const smInput = document.createElement('template')
+    smInput.innerHTML = \`
+    <style>
+    *{
+        padding: 0;
+        margin: 0;
+        -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+    } 
+    input[type="search"]::-webkit-search-decoration,
+    input[type="search"]::-webkit-search-cancel-button,
+    input[type="search"]::-webkit-search-results-button,
+    input[type="search"]::-webkit-search-results-decoration { display: none; }
+    input[type=number] {
+    -moz-appearance:textfield;
+    }
+    input[type=number]::-webkit-inner-spin-button, 
+    input[type=number]::-webkit-outer-spin-button { 
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        margin: 0; 
+    }
+    input::-ms-reveal,
+    input::-ms-clear {
+      display: none;
+    }
+    input:invalid{
+        outline: none;
+        -webkit-box-shadow: none;
+                box-shadow: none;
+    }
+    ::-moz-focus-inner{
+    border: none;
+    }
+    :host{
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        --accent-color: #4d2588;
+        --text-color: 17, 17, 17;
+        --background-color: 255, 255, 255;
+        --success-color: #00C853;
+        --danger-color: red;
+        --width: 100%;
+        --font-size: 1rem;
+        --icon-gap: 0.5rem;
+        --border-radius: 0.3rem;
+        --padding: 0.7rem 1rem;
+        --background: rgba(var(--text-color), 0.06);
+    }
+    .hide{
+       opacity: 0 !important;
+       pointer-events: none !important;
+    }
+    .hide-completely{
+        display: none;
+    }
+    .icon {
+        fill: rgba(var(--text-color), 0.6);
+        height: 1.4rem;
+        width: 1.4rem;
+        border-radius: 1rem;
+        cursor: pointer;
+        min-width: 0;
+    }
+    
+    :host(.round) .input{
+        border-radius: 10rem;
+    }
+    .input {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        cursor: text;
+        min-width: 0;
+        text-align: left;
+        -webkit-box-align: center;
+            -ms-flex-align: center;
+                align-items: center;
+        position: relative;
+        gap: var(--icon-gap);
+        padding: var(--padding);
+        border-radius: var(--border-radius);
+        -webkit-transition: opacity 0.3s;
+        -o-transition: opacity 0.3s;
+        transition: opacity 0.3s;
+        background: var(--background);
+        width: 100%;
+        outline: none;
+    }
+    .input.readonly .clear{
+        opacity: 0 !important;
+        margin-right: -2rem;
+        pointer-events: none !important;
+    }
+    .readonly{
+        pointer-events: none;
+    }
+    .input:focus-within:not(.readonly){
+        box-shadow: 0 0 0 0.1rem var(--accent-color) inset !important;
+    }
+    .disabled{
+        pointer-events: none;
+        opacity: 0.6;
+    }
+    .label {
+        opacity: .7;
+        font-weight: 400;
+        font-size: var(--font-size);
+        position: absolute;
+        top: 0;
+        -webkit-transition: -webkit-transform 0.3s;
+        transition: -webkit-transform 0.3s;
+        -o-transition: transform 0.3s;
+        transition: transform 0.3s;
+        transition: transform 0.3s, -webkit-transform 0.3s;
+        -webkit-transform-origin: left;
+        -ms-transform-origin: left;
+            transform-origin: left;
+        pointer-events: none;
+        white-space: nowrap;
+        overflow: hidden;
+        -o-text-overflow: ellipsis;
+           text-overflow: ellipsis;
+        width: 100%;
+        user-select: none;
+        will-change: transform;
+    }
+    .outer-container{
+        position: relative;
+        width: var(--width);
+    }
+    .container{
+        width: 100%;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        position: relative;
+        -webkit-box-align: center;
+            -ms-flex-align: center;
+                align-items: center;
+        -webkit-box-flex: 1;
+            -ms-flex: 1;
+                flex: 1;
+    }    
+    input{
+        font-size: var(--font-size);
+        border: none;
+        background: transparent;
+        outline: none;
+        color: rgba(var(--text-color), 1);
+        width: 100%;
+    }
+    :host(:not([variant="outlined"])) .animate-label .container input {
+        -webkit-transform: translateY(0.6rem);
+                -ms-transform: translateY(0.6rem);
+            transform: translateY(0.6rem);
+        }
+      
+    :host(:not([variant="outlined"])) .animate-label .label {
+        -webkit-transform: translateY(-0.7em) scale(0.8);
+                -ms-transform: translateY(-0.7em) scale(0.8);
+            transform: translateY(-0.7em) scale(0.8);
+        opacity: 1;
+        color: var(--accent-color)
+    }
+    :host([variant="outlined"]) .input {
+        box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.4) inset;
+        background: rgba(var(--background-color), 1);
+    }
+    :host([variant="outlined"]) .label {
+        width: max-content;
+        margin-left: -0.5rem;
+        padding: 0 0.5rem;
+    }
+    :host([variant="outlined"]) .animate-label .label {
+        -webkit-transform: translate(0.1rem, -1.5rem) scale(0.8);
+                -ms-transform: translate(0.1rem, -1.5rem) scale(0.8);
+            transform: translate(0.1rem, -1.5rem) scale(0.8);
+        opacity: 1;
+        background: rgba(var(--background-color), 1);
+    }
+    .animate-label:focus-within:not(.readonly) .label{
+        color: var(--accent-color)
+    }
+    .feedback-text:not(:empty){
+        display: flex;
+        width: 100%;
+        text-align: left;
+        font-size: 0.9rem;
+        align-items: center;
+        padding: 0.8rem 0;
+        color: rgba(var(--text-color), 0.8);
+    }
+    .success{
+        color: var(--success-color);
+    }
+    .error{
+        color: var(--danger-color);
+    }
+    .status-icon{
+        margin-right: 0.2rem;
+    }
+    .status-icon--error{
+        fill: var(--danger-color);
+    }
+    .status-icon--success{
+        fill: var(--success-color);
+    }
+    @media (any-hover: hover){
+        .icon:hover{
+            background: rgba(var(--text-color), 0.1);
+        }
+    }
+    </style>
+    <div class="outer-container">
+        <label part="input" class="input">
+            <slot name="icon"></slot>
+            <div class="container">
+                <input type="text"/>
+                <div part="placeholder" class="label"></div>
+            </div>
+            <svg class="icon clear hide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>
+        </label>
+        <p class="feedback-text"></p>
+    </div>
+    \`;
+    customElements.define('sm-input',
+        class extends HTMLElement {
+    
+            constructor() {
+                super()
+                this.attachShadow({
+                    mode: 'open'
+                }).append(smInput.content.cloneNode(true))
+    
+                this.inputParent = this.shadowRoot.querySelector('.input')
+                this.input = this.shadowRoot.querySelector('input')
+                this.clearBtn = this.shadowRoot.querySelector('.clear')
+                this.label = this.shadowRoot.querySelector('.label')
+                this.feedbackText = this.shadowRoot.querySelector('.feedback-text')
+                this.outerContainer = this.shadowRoot.querySelector('.outer-container')
+                this._helperText
+                this._errorText
+                this.isRequired = false
+                this.validationFunction
+                this.reflectedAttributes = ['value', 'required', 'disabled', 'type', 'inputmode', 'readonly', 'min', 'max', 'pattern', 'minlength', 'maxlength', 'step']
+            
+                this.reset = this.reset.bind(this)
+                this.focusIn = this.focusIn.bind(this)
+                this.focusOut = this.focusOut.bind(this)
+                this.fireEvent = this.fireEvent.bind(this)
+                this.checkInput = this.checkInput.bind(this)
+                this.vibrate = this.vibrate.bind(this)
+            }
+    
+            static get observedAttributes() {
+                return ['value', 'placeholder', 'required', 'disabled', 'type', 'inputmode', 'readonly', 'min', 'max', 'pattern', 'minlength', 'maxlength', 'step', 'helper-text', 'error-text']
+            }
+    
+            get value() {
+                return this.input.value
+            }
+    
+            set value(val) {
+                this.input.value = val;
+                this.checkInput()
+                this.fireEvent()
+            }
+    
+            get placeholder() {
+                return this.getAttribute('placeholder')
+            }
+    
+            set placeholder(val) {
+                this.setAttribute('placeholder', val)
+            }
+    
+            get type() {
+                return this.getAttribute('type')
+            }
+    
+            set type(val) {
+                this.setAttribute('type', val)
+            }
+    
+            get validity() {
+                return this.input.validity
+            }
+    
+            set disabled(value) {
+                if (value)
+                    this.inputParent.classList.add('disabled')
+                else
+                    this.inputParent.classList.remove('disabled')
+            }
+            set readOnly(value) {
+                if (value) {
+                    this.setAttribute('readonly', '')
+                } else {
+                    this.removeAttribute('readonly')
+                }
+            }
+            set customValidation(val) {
+                
+                this.validationFunction = val
+            }
+            set errorText(val) {
+                this._errorText = val
+            }
+            set helperText(val) {
+                this._helperText = val
+            }
+            get isValid() {
+                if (this.input.value !== '') {
+                    const _isValid = this.input.checkValidity()
+                    let _customValid = true
+                    if (this.validationFunction) {
+                        _customValid = Boolean(this.validationFunction(this.input.value))
+                    }
+                    if (_isValid && _customValid) {
+                        this.feedbackText.classList.remove('error')
+                        this.feedbackText.classList.add('success')
+                        this.feedbackText.textContent = ''
+                    } else {
+                        if (this._errorText) {
+                            this.feedbackText.classList.add('error')
+                            this.feedbackText.classList.remove('success')
+                            this.feedbackText.innerHTML = \`
+                                <svg class="status-icon status-icon--error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
+                            \${this._errorText}
+                            \`
+                        }
+                    }
+                    return (_isValid && _customValid)
+                }
+            }
+            reset(){
+                this.value = ''
+            }
+    
+            focusIn(){
+                this.input.focus()
+            }
+    
+            focusOut(){
+                this.input.blur()
+            }
+    
+            fireEvent(){
+                let event = new Event('input', {
+                    bubbles: true,
+                    cancelable: true,
+                    composed: true
+                });
+                this.dispatchEvent(event);
+            }
+    
+            checkInput(e){
+                if (!this.hasAttribute('readonly')) {
+                    if (this.input.value.trim() !== '') {
+                        this.clearBtn.classList.remove('hide')
+                    } else {
+                        this.clearBtn.classList.add('hide')
+                        if (this.isRequired) {
+                            this.feedbackText.textContent = '* required'
+                        }
+                    }
+                }
+                if (!this.hasAttribute('placeholder') || this.getAttribute('placeholder').trim() === '') return;
+                if (this.input.value !== '') {
+                    if (this.animate)
+                        this.inputParent.classList.add('animate-label')
+                    else
+                        this.label.classList.add('hide')
+                } else {
+                    if (this.animate)
+                        this.inputParent.classList.remove('animate-label')
+                    else
+                        this.label.classList.remove('hide')
+                }
+            }
+            vibrate() {
+                this.outerContainer.animate([
+                    { transform: 'translateX(-1rem)' },
+                    { transform: 'translateX(1rem)' },
+                    { transform: 'translateX(-0.5rem)' },
+                    { transform: 'translateX(0.5rem)' },
+                    { transform: 'translateX(0)' },
+                ], {
+                    duration: 300,
+                    easing: 'ease'
+                })
+            }
+    
+    
+            connectedCallback() {
+                this.animate = this.hasAttribute('animate')
+                this.setAttribute('role', 'textbox')
+                this.input.addEventListener('input', this.checkInput)
+                this.clearBtn.addEventListener('click', this.reset)
+            }
+            
+            attributeChangedCallback(name, oldValue, newValue) {
+                if (oldValue !== newValue) {
+                    if (this.reflectedAttributes.includes(name)) {
+                        if (this.hasAttribute(name)) {
+                            this.input.setAttribute(name, this.getAttribute(name) ? this.getAttribute(name) : '')
+                        }
+                        else {
+                            this.input.removeAttribute(name)
+                        }
+                    }
+                    if (name === 'placeholder') {
+                        this.label.textContent = newValue;
+                        this.setAttribute('aria-label', newValue);
+                    }
+                    else if (this.hasAttribute('value')) {
+                        this.checkInput()
+                    }
+                    else if (name === 'type') {
+                        if (this.hasAttribute('type') && this.getAttribute('type') === 'number') {
+                            this.input.setAttribute('inputmode', 'numeric')
+                        }
+                    }
+                    else if (name === 'helper-text') {
+                        this._helperText = this.getAttribute('helper-text')
+                    }
+                    else if (name === 'error-text') {
+                        this._errorText = this.getAttribute('error-text')
+                    }
+                    else if (name === 'required') {
+                        this.isRequired = this.hasAttribute('required')
+                        if (this.isRequired) {
+                            this.feedbackText.textContent = '* required'
+                            this.setAttribute('aria-required', 'true')
+                        }
+                        else {
+                            this.feedbackText.textContent = ''
+                            this.setAttribute('aria-required', 'false')    
+                        }
+                    }
+                    else if (name === 'readonly') {
+                        if (this.hasAttribute('readonly')) {
+                            this.inputParent.classList.add('readonly')
+                        } else {
+                            this.inputParent.classList.remove('readonly')
+                        }
+                    }
+                    else if (name === 'disabled') {
+                        if (this.hasAttribute('disabled')) {
+                            this.inputParent.classList.add('disabled')
+                        }
+                        else {
+                            this.inputParent.classList.remove('disabled')
+                        }
+                    }
+                }
+            }
+            disconnectedCallback() {
+                this.input.removeEventListener('input', this.checkInput)
+                this.clearBtn.removeEventListener('click', this.reset)
+            }
+        })
+    const smNotifications = document.createElement('template')
+    smNotifications.innerHTML = \`
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+            -webkit-box-sizing: border-box;
+                    box-sizing: border-box;
+        } 
+        :host{
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            --accent-color: #4d2588;
+            --text-color: 17, 17, 17;
+            --background-color: 255, 255, 255;
+            --danger-color: red;
+            --icon-height: 1.5rem;
+            --icon-width: 1.5rem;
+        }
+        .hide{
+            opacity: 0 !important;
+            pointer-events: none !important;
+        }
+        .notification-panel{
+            display: grid;
+            width: 100%;
+            gap: 0.5rem;
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            z-index: 100;
+            max-height: 100%;
+            padding: 1rem;
+            overflow: hidden auto;
+            -ms-scroll-chaining: none;
+                overscroll-behavior: contain;
+        }
+        .notification-panel:empty{
+            display:none;
+        }
+        .notification{
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            position: relative;
+            border-radius: 0.3rem;
+            background: rgba(var(--background-color), 1);
+            overflow: hidden;
+            overflow-wrap: break-word;
+            word-wrap: break-word;
+            -ms-word-break: break-all;
+            word-break: break-all;
+            word-break: break-word;
+            -ms-hyphens: auto;
+            -webkit-hyphens: auto;
+            hyphens: auto;
+            max-width: 100%;
+            padding: 1rem;
+            align-items: center;
+        }
+        .icon-container:not(:empty){
+            margin-right: 0.5rem;
+            height: var(--icon-height);
+            width: var(--icon-width);
+        }
+        h4:first-letter,
+        p:first-letter{
+            text-transform: uppercase;
+        }
+        h4{
+            font-weight: 400;
+        }
+        p{
+            line-height: 1.6;
+            -webkit-box-flex: 1;
+                -ms-flex: 1;
+                    flex: 1;
+            color: rgba(var(--text-color), 0.9);
+            overflow-wrap: break-word;
+            overflow-wrap: break-word;
+            word-wrap: break-word;
+            -ms-word-break: break-all;
+            word-break: break-all;
+            word-break: break-word;
+            -ms-hyphens: auto;
+            -webkit-hyphens: auto;
+            hyphens: auto;
+            max-width: 100%;
+        }
+        .notification:last-of-type{
+            margin-bottom: 0;
+        }
+        .icon {
+            height: 100%;
+            width: 100%;
+            fill: rgba(var(--text-color), 0.7);
+        }
+        .close{
+            height: 2rem;
+            width: 2rem;
+            border: none;
+            cursor: pointer;
+            margin-left: 1rem;
+            border-radius: 50%;
+            padding: 0.3rem;
+            transition: background-color 0.3s, transform 0.3s;
+            background-color: transparent;
+        }
+        .close:active{
+            transform: scale(0.9);
+        }
+        @media screen and (min-width: 640px){
+            .notification-panel{
+                max-width: 28rem;
+                width: max-content;
+            }
+            .notification{
+                width: auto;
+                border: solid 1px rgba(var(--text-color), 0.2);
+            }
+        }
+        @media (any-hover: hover){
+            ::-webkit-scrollbar{
+                width: 0.5rem;
+            }
+            
+            ::-webkit-scrollbar-thumb{
+                background: rgba(var(--text-color), 0.3);
+                border-radius: 1rem;
+                &:hover{
+                    background: rgba(var(--text-color), 0.5);
+                }
+            }
+            .close:hover{
+                background-color: rgba(var(--text-color), 0.1);
+            }
+        }
+    </style>
+    <div class="notification-panel"></div>
+    \`
+    
+    customElements.define('sm-notifications', class extends HTMLElement {
+        constructor() {
+            super()
+            this.shadow = this.attachShadow({
+                mode: 'open'
+            }).append(smNotifications.content.cloneNode(true))
+    
+            this.notificationPanel = this.shadowRoot.querySelector('.notification-panel')
+            this.animationOptions = {
+                duration: 300,
+                fill: "forwards",
+                easing: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
+            }
+    
+            this.push = this.push.bind(this)
+            this.createNotification = this.createNotification.bind(this)
+            this.removeNotification = this.removeNotification.bind(this)
+            this.clearAll = this.clearAll.bind(this)
+    
+        }
+    
+        randString(length) {
+            let result = '';
+            const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+            for (let i = 0; i < length; i++)
+                result += characters.charAt(Math.floor(Math.random() * characters.length));
+            return result;
+        }
+    
+        createNotification(message, options) {
+            const { pinned = false, icon = '' } = options
+            const notification = document.createElement('div')
+            notification.id = this.randString(8)
+            notification.classList.add('notification')
+            let composition = \`\`
+            composition += \`
+                <div class="icon-container">\${icon}</div>
+                <p>\${message}</p>
+                \`
+            if (pinned) {
+                notification.classList.add('pinned')
+                composition += \`
+                    <button class="close">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+                    </button>
+                \`
+            }
+            notification.innerHTML = composition
+            return notification
+        }
+    
+        push(message, options = {}) {
+            const notification = this.createNotification(message, options)
+            this.notificationPanel.append(notification)
+            notification.animate([
+                {
+                    transform: \`translateY(1rem)\`,
+                    opacity: '0'
+                },
+                {
+                    transform: \`none\`,
+                    opacity: '1'
+                },
+            ], this.animationOptions)
+            return notification.id
+        }
+    
+        removeNotification(notification) {
+            notification.animate([
+                {
+                    transform: \`none\`,
+                    opacity: '1'
+                },
+                {
+                    transform: \`translateY(0.5rem)\`,
+                    opacity: '0'
+                }
+            ], this.animationOptions).onfinish = () => {
+                notification.remove()
+            }
+        }
+    
+        clearAll() {
+            Array.from(this.notificationPanel.children).forEach(child => {
+                this.removeNotification(child)
+            })
+        }
+    
+        connectedCallback() {
+            this.notificationPanel.addEventListener('click', e => {
+                if (e.target.closest('.close')) (
+                    this.removeNotification(e.target.closest('.notification'))
+                )
+            })
+    
+            const observer = new MutationObserver(mutationList => {
+                mutationList.forEach(mutation => {
+                    if (mutation.type === 'childList') {
+                        if (mutation.addedNodes.length && !mutation.addedNodes[0].classList.contains('pinned')) {
+                            setTimeout(() => {
+                                this.removeNotification(mutation.addedNodes[0])
+                            }, 5000);
+                        }
+                    }
+                })
+            })
+            observer.observe(this.notificationPanel, {
+                childList: true,
+            })
+        }
+    })
+    const smPopup = document.createElement('template')
+    smPopup.innerHTML = \`
+    <style>
+    *{
+        padding: 0;
+        margin: 0;
+        -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+    } 
+    :host{
+        position: fixed;
+        display: -ms-grid;
+        display: grid;
+        z-index: 10;
+        --accent-color: #4d2588;
+        --text-color: 17, 17, 17;
+        --background-color: 255, 255, 255;
+        --width: 100%;
+        --height: auto;
+        --min-width: auto;
+        --min-height: auto;
+        --body-padding: 1.5rem;
+        --backdrop-background: rgba(0, 0, 0, 0.6);
+        --border-radius: 0.8rem 0.8rem 0 0;
+    }
+    .popup-container{
+        display: -ms-grid;
+        display: grid;
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        place-items: center;
+        background: var(--backdrop-background);
+        -webkit-transition: opacity 0.3s;
+        -o-transition: opacity 0.3s;
+        transition: opacity 0.3s;
+        z-index: 10;
+        touch-action: none;
+    }
+    :host(.stacked) .popup{
+        -webkit-transform: scale(0.9) translateY(-2rem) !important;
+                transform: scale(0.9) translateY(-2rem) !important;
+    }
+    .popup{
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+                flex-direction: column;
+        position: relative;
+        -ms-flex-item-align: end;
+            align-self: flex-end;
+        -webkit-box-align: start;
+            -ms-flex-align: start;
+                align-items: flex-start;
+        width: var(--width);
+        min-width: var(--min-width);
+        height: var(--height);
+        min-height: var(--min-height);
+        max-height: 90vh;
+        border-radius: var(--border-radius);
+        -webkit-transform: scale(1) translateY(100%);
+                transform: scale(1) translateY(100%);
+        -webkit-transition: -webkit-transform 0.3s;
+        transition: -webkit-transform 0.3s;
+        -o-transition: transform 0.3s;
+        transition: transform 0.3s, -webkit-transform 0.3s;
+        transition: transform 0.3s;
+        background: rgba(var(--background-color), 1);
+        -webkit-box-shadow: 0 -1rem 2rem #00000020;
+                box-shadow: 0 -1rem 2rem #00000020;
+        content-visibility: auto;
+    }
+    .container-header{
+        display: -webkit-box;
+        display: flex;
+        width: 100%;
+        touch-action: none;
+        -webkit-box-align: center;
+            -ms-flex-align: center;
+                align-items: center;
+    }
+    .popup-top{
+        display: -webkit-box;
+        display: flex;
+        width: 100%;
+    }
+    .popup-body{
+        display: -webkit-box;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+            -ms-flex-direction: column;
+                flex-direction: column;
+        -webkit-box-flex: 1;
+            -ms-flex: 1;
+                flex: 1;
+        width: 100%;
+        padding: var(--body-padding);
+        overflow-y: auto;
+    }
+    .hide{
+        opacity: 0;
+        pointer-events: none;
+        visiblity: none;
+    }
+    @media screen and (min-width: 640px){
+        :host{
+            --border-radius: 0.4rem;
+        }
+        .popup{
+            -ms-flex-item-align: center;
+                -ms-grid-row-align: center;
+                align-self: center;
+            border-radius: var(--border-radius);
+            height: var(--height);
+            -webkit-transform: scale(1) translateY(3rem);
+                    transform: scale(1) translateY(3rem);
+            -webkit-box-shadow: 0 3rem 2rem -0.5rem #00000040;
+                    box-shadow: 0 3rem 2rem -0.5rem #00000040;
+        }
+    }
+    @media screen and (max-width: 640px){
+        .popup-top{
+            -webkit-box-orient: vertical;
+            -webkit-box-direction: normal;
+                    flex-direction: column;
+            -webkit-box-align: center;
+                    align-items: center;
+        }
+        .handle{
+            height: 0.3rem;
+            width: 2rem;
+            background: rgba(var(--text-color), .4);
+            border-radius: 1rem;
+            margin: 0.5rem 0;
+        }
+    }
+    @media (any-hover: hover){
+        ::-webkit-scrollbar{
+            width: 0.5rem;
+        }
+        
+        ::-webkit-scrollbar-thumb{
+            background: rgba(var(--text-color), 0.3);
+            border-radius: 1rem;
+            &:hover{
+                background: rgba(var(--text-color), 0.5);
+            }
+        }
+    }
+    </style>
+    <div part="background" class="popup-container hide" role="dialog">
+        <div part="popup" class="popup">
+            <div part="popup-header" class="popup-top">
+                <div class="handle"></div>
+                <slot name="header"></slot>
+            </div>
+            <div part="popup-body" class="popup-body">
+                <slot></slot>
+            </div>
+        </div>
+    </div>
+    \`;
+    customElements.define('sm-popup', class extends HTMLElement {
+        constructor() {
+            super()
+            this.attachShadow({
+                mode: 'open'
+            }).append(smPopup.content.cloneNode(true))
+    
+            this.allowClosing = false
+            this.isOpen = false
+            this.pinned = false
+            this.popupStack
+            this.offset
+            this.touchStartY = 0
+            this.touchEndY = 0
+            this.touchStartTime = 0
+            this.touchEndTime = 0
+            this.touchEndAnimataion
+    
+            this.popupContainer = this.shadowRoot.querySelector('.popup-container')
+            this.popup = this.shadowRoot.querySelector('.popup')
+            this.popupBodySlot = this.shadowRoot.querySelector('.popup-body slot')
+            this.popupHeader = this.shadowRoot.querySelector('.popup-top')
+    
+            this.resumeScrolling = this.resumeScrolling.bind(this)
+            this.show = this.show.bind(this)
+            this.hide = this.hide.bind(this)
+            this.handleTouchStart = this.handleTouchStart.bind(this)
+            this.handleTouchMove = this.handleTouchMove.bind(this)
+            this.handleTouchEnd = this.handleTouchEnd.bind(this)
+            this.movePopup = this.movePopup.bind(this)
+        }
+    
+        static get observedAttributes() {
+            return ['open'];
+        }
+    
+        get open() {
+            return this.isOpen
+        }
+    
+        resumeScrolling() {
+            const scrollY = document.body.style.top;
+            window.scrollTo(0, parseInt(scrollY || '0') * -1);
+            setTimeout(() => {
+                document.body.style.overflow = 'auto';
+                document.body.style.top = 'initial'
+            }, 300);
+        }
+    
+        show(options = {}) {
+            const {pinned = false, popupStack = undefined} = options
+            if (popupStack)
+                this.popupStack = popupStack
+            if (this.popupStack && !this.hasAttribute('open')) {
+                this.popupStack.push({
+                    popup: this,
+                    permission: pinned
+                })
+                if (this.popupStack.items.length > 1) {
+                    this.popupStack.items[this.popupStack.items.length - 2].popup.classList.add('stacked')
+                }
+                this.dispatchEvent(
+                    new CustomEvent("popupopened", {
+                        bubbles: true,
+                        detail: {
+                            popup: this,
+                            popupStack: this.popupStack
+                        }
+                    })
+                )
+                this.setAttribute('open', '')
+                this.pinned = pinned
+                this.isOpen = true
+            }
+            this.popupContainer.classList.remove('hide')
+            this.popup.style.transform = 'none';
+            document.body.style.overflow = 'hidden';
+            document.body.style.top = \`-\${window.scrollY}px\`
+            return this.popupStack
+        }
+        hide() {
+            if (window.innerWidth < 640)
+                this.popup.style.transform = 'translateY(100%)';
+            else
+                this.popup.style.transform = 'translateY(3rem)';
+            this.popupContainer.classList.add('hide')
+            this.removeAttribute('open')
+            if (typeof this.popupStack !== 'undefined') {
+                this.popupStack.pop()
+                if (this.popupStack.items.length) {
+                    this.popupStack.items[this.popupStack.items.length - 1].popup.classList.remove('stacked')
+                } else {
+                    this.resumeScrolling()
+                }
+            } else {
+                this.resumeScrolling()
+            }
+    
+            if (this.forms.length) {
+                setTimeout(() => {
+                    this.forms.forEach(form => form.reset())
+                }, 300);
+            }
+            setTimeout(() => {
+                this.dispatchEvent(
+                    new CustomEvent("popupclosed", {
+                        bubbles: true,
+                        detail: {
+                            popup: this,
+                            popupStack: this.popupStack
+                        }
+                    })
+                )
+                this.isOpen = false
+            }, 300);
+        }
+    
+        handleTouchStart(e) {
+            this.touchStartY = e.changedTouches[0].clientY
+            this.popup.style.transition = 'transform 0.1s'
+            this.touchStartTime = e.timeStamp
+        }
+    
+        handleTouchMove(e) {
+            if (this.touchStartY < e.changedTouches[0].clientY) {
+                this.offset = e.changedTouches[0].clientY - this.touchStartY;
+                this.touchEndAnimataion = window.requestAnimationFrame(() => this.movePopup())
+            }
+        }
+    
+        handleTouchEnd(e) {
+            this.touchEndTime = e.timeStamp
+            cancelAnimationFrame(this.touchEndAnimataion)
+            this.touchEndY = e.changedTouches[0].clientY
+            this.popup.style.transition = 'transform 0.3s'
+            this.threshold = this.popup.getBoundingClientRect().height * 0.3
+            if (this.touchEndTime - this.touchStartTime > 200) {
+                if (this.touchEndY - this.touchStartY > this.threshold) {
+                    if (this.pinned) {
+                        this.show()
+                        return
+                    } else
+                        this.hide()
+                } else {
+                    this.show()
+                }
+            } else {
+                if (this.touchEndY > this.touchStartY)
+                    if (this.pinned) {
+                        this.show()
+                        return
+                    }
+                    else
+                        this.hide()
+            }
+        }
+    
+        movePopup() {
+            this.popup.style.transform = \`translateY(\${this.offset}px)\`
+        }
+    
+        connectedCallback() {
+            this.popupBodySlot.addEventListener('slotchange', () => {
+                this.forms = this.querySelectorAll('sm-form')
+            })
+            this.popupContainer.addEventListener('mousedown', e => {
+                if (e.target === this.popupContainer && !this.pinned) {
+                    if (this.pinned) {
+                        this.show()
+                    } else
+                        this.hide()
+                }
+            })
+    
+            const resizeObserver = new ResizeObserver(entries => {
+                for (let entry of entries) {
+                    if (entry.contentBoxSize) {
+                        // Firefox implements \`contentBoxSize\` as a single content rect, rather than an array
+                        const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;
+                        this.threshold = contentBoxSize.blockSize.height * 0.3
+                    } else {
+                        this.threshold = entry.contentRect.height * 0.3
+                    }
+                }
+            });
+            resizeObserver.observe(this)
+            
+            
+            this.popupHeader.addEventListener('touchstart', (e) => { this.handleTouchStart(e) }, { passive: true })
+            this.popupHeader.addEventListener('touchmove', (e) => { this.handleTouchMove(e) }, { passive: true })
+            this.popupHeader.addEventListener('touchend', (e) => { this.handleTouchEnd(e) }, { passive: true })
+        }
+        disconnectedCallback() {
+            this.popupHeader.removeEventListener('touchstart', this.handleTouchStart, { passive: true })
+            this.popupHeader.removeEventListener('touchmove', this.handleTouchMove, { passive: true })
+            this.popupHeader.removeEventListener('touchend', this.handleTouchEnd, { passive: true })
+            resizeObserver.unobserve()
+        }
+        attributeChangedCallback(name, oldVal, newVal) {
+            if (name === 'open') {
+                if (this.hasAttribute('open')) {
+                    this.show()
+                }
+            }
+        }
+    })
+                                                         
+                                <\/script>
+                                <script id="floGlobals">
+                                    /* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
+                                    const floGlobals = {
+    
+                                        //Required for all
+                                        blockchain: "FLO",
+    
+                                        //Required for blockchain API operators
+                                        apiURL: {
+                                            FLO: ['https://livenet.flocha.in/','https://flosight.duckdns.org/'],
+                                            FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
+                                        },
+                                        adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
+                                        sendAmt: 0.001,
+                                        fee: 0.0005,
+    
+                                        //Required for Supernode operations
+                                        SNStorageID: "FNaN9McoBAEFUjkRmNQRYLmBF8SpS7Tgfk",
+                                        supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
+    
+                                        //for cloud apps
+                                        subAdmins: [],
+                                        webAppURL: "ranchimalltimes-webappserver.duckdns.org",
+                                        application: "TEST_MODE",
+                                        appObjects: {},
+                                        generalData: {},
+                                        lastVC: {}
+                                    }
+                                <\/script>
+    
                         </head>
                         <body translate="no" onload="onLoadStartUp()">
 
+                            <sm-notifications id="notify"></sm-notifications>
                             <sm-notifications id="sm-notifications"></sm-notifications>
 
                             <nav class="topnav">
@@ -11063,16 +12306,10 @@ <h2 style="margin-bottom: 2rem;">Sign In</h2>
                                     </div>
                                     <div class="content" id='sectionmaster'>`;
                                 t += `${mid_section}`;
-                                t +=`   <div class="columns">
-                                            <span style="float:right">
-                                                <span id="article-vote">Vote</span>
-                                                <i class="fa fa-thumbs-o-up" aria-hidden="true" style="padding-left:0.5rem; cursor:pointer" id="article-thumbs" onclick="clickProcess(this)"></i>
-                                            </span>
-                                        </div>
+                                t +=`
                                     </div>
                                 </div>
                             </div>
-
                             <div id="settings-page" class='hide' style='margin:2rem'>
                                 <h2>Settings</h2>
                                 <p style='max-width:50ch; line-height: 1.7; margin-bottom:2rem'>
@@ -11089,10 +12326,68 @@ <h2>Settings</h2>
                                 </div>
                                 <sm-button id='logout-button' style="margin-top:2rem">Logout</sm-button>
                             </div>
-                            
-                        </body>
+                        
+                            <span style="padding-left:10rem;cursor:pointer;border: black solid 2px;padding: 6px;margin-left: 10rem;" id="column${
+                                i + 1
+                              }_thumbs" class="fa fa-thumbs-o-up"
+                             onclick="clickProcess(this)"> Upvote 
+                              <span style="font-weight:bold;padding-left: 5px;" id="num"> </span></span>
+                            <br><br>
+                            <script>
+                                function clickProcess(element) {
+                                  let columnName =\`column\${col}_count\`;
+
+                                  if (myFloID!=undefined) {
+                                    if (element.classList.value  == "fa fa-thumbs-o-up")
+                                     {
+                                      let articlekey =articlekeey
+                                      let mainObj = {
+                                        floID: myFloID,
+                                        articlename: title.dataset.articlename, 
+                                      };
+                                      console.log("mainObj")
+                                     floCloudAPI.sendGeneralData(JSON.stringify(mainObj), "test")
+                                        .then((result, mainObj) => {
+                                          element.classList.value = "fa fa-thumbs-up";
+                              
+                                          if(document.getElementById('num').textContent==" "){
+                                    document.getElementById('num').textContent="1";
+                                    }
+                                    else{
+                                      num1=Number(document.getElementById('num').textContent)
+                                      document.getElementById('num').textContent=num1+1;
+                              
+                                    }
+                                        });
+                                    }
+                                  } else {
+                                    document.getElementById('notify').push("Please login to upvote",{pinned:true});
+                                  }
+                                    }
+                          
+                              <\/script>
+                          
+                              <script id="onLoadStartUp">
+                                    var myFloID,col,articlekeey,myPrivKey;
+                                    function onLoadStartUp(){
+                                      floDapps.launchStartUp().then(result => {
+                                          console.log(result)
+                                          console.log(\`Welcome FLO_ID: \${myFloID}\`)
+                                          //App functions....
+                                      }).catch(error => console.error(error))
+                                  
+                                    var  b=JSON.parse(sessionStorage.getItem("z"))
+                                      myFloID=(sessionStorage.getItem("m"))
+                                      col=(sessionStorage.getItem("col"))
+                                      console.log(col)
+                                      articlekeey=(sessionStorage.getItem("articlename"))
+                                      myPrivKey=sessionStorage.getItem("myprivkey");
+                                      myPubKey=sessionStorage.getItem("mypubkey");
+                                     document.getElementById('num').textContent=b;
+                                    }
+                              <\/script>
 
-                        <script id="init_lib">
+                            <script id="init_lib">
                             //All util libraries required for Standard operations (DO NOT EDIT ANY)
 
                                 /* Reactor Event handling */
@@ -20291,36 +21586,6 @@ <h2>Settings</h2>
                                     homepage = document.getElementById('homepage'),
                                     mainarticle_page = document.getElementById('display_page_main')
 
-
-                                function clickProcess(element) {
-                                    let title = document.getElementById('title')
-                                    if (typeof myFloID !== 'undefined') {
-                                        if (element.classList.value == 'fa fa-thumbs-o-up') {
-                                            let mainObj = {
-                                                'floID': myFloID,
-                                                'articlename': title.dataset.articlename,
-                                                'exporttime': title.dataset.exporttime,
-                                                'randomnumber': title.dataset.randomnumber
-                                            }
-
-                                            floCloudAPI.sendGeneralData(JSON.stringify(mainObj), 'article_votes_test5').then((result, mainObj) => {
-                                                element.classList.value = 'fa fa-thumbs-up'
-                                                let article_vote = document.getElementById('article-vote'),
-                                                    article_thumbs = document.getElementById('article-thumbs')
-
-                                                if (article_vote.innerText == 'Vote' || article_vote.innerText == '') {
-                                                    article_vote.innerText = '1'
-                                                } else {
-                                                    article_vote.innerText = parseInt(article_vote.innerText) + 1
-                                                }
-                                            })
-                                        }
-                                    } else {
-                                        notifications.push("Please login to upvote")
-                                    }
-                                }
-
-
                                 let myCustomLogin = function () {
                                     return new Promise((resolve, reject) => {
 
@@ -20438,11 +21703,15 @@ <h2>Settings</h2>
                                 }
                                 <\/script>
 
-                        </html>`;
 
+            
+
+
+                    </body>
+
+                    </html>`
                 return t;
             },
-
             determine_contributions: function () {
                 try {
                     const contributions_by_sections = {};
@@ -20511,10 +21780,8 @@ <h2>Settings</h2>
                 } catch (error) {
                     console.error(error);
                 }
-            },
-
+            }
         }
-
     </script>
 
 </body>