Skip to content

Latest commit

 

History

History
509 lines (440 loc) · 17.6 KB

imp-notes.md

File metadata and controls

509 lines (440 loc) · 17.6 KB
Raw

form materialize color set used colors

Light mode colors

#00796b teal darken-2 #4527a0 deep-purple darken-3

Dark mode colors

#212121 grey darken-4 #757575 grey darken-1 #616161 grey darken-2

#FBC02D

Extras colors

#0091ea light-blue accent-4 #9575cd deep-purple lighten-2

note first grid in the site is - col s12 m12 l4 this one is the final one - col s12 m6 l3

nav bar design and orders list name

  • How to use

  • About us / who are we

  • All Features

  • Favorites pages

  • Login page + (Sign up page)

Drop down

  • Disclaimer
  • Contact us - use google form
  • Privacy policy - iska idea hai
  • Terms and conditions - iska idea hai

css for glass effect for cards

/* Auto Layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 16px 10px;

position: relative; width: 301px; height: 231px;

background: linear-gradient(109.37deg, rgba(255, 255, 255, 0.4) 12.9%, rgba(255, 255, 255, 0.1) 77.62%); box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.28); backdrop-filter: blur(18px);

/* Note: backdrop-filter has minimal browser support */ border-radius: 15px;

icons to includes

  • favorite_border ->
  • brightness_4
  • brightness_7
  • favorite
  • notifications
  • notifications_activenotifications_active
  • notifications_nonenotifications_none
  • notifications_offnotifications_off
  • star
  • star_borderstar_border

jo lika hoga to idar likna

-> use in exp.cal all elements

  • [] model for help preview
  • [] select /drop down for different currencys
  • [] Collapsible for history/income/expence
  • [] Chips for tags in expense
  • [c] all types of text inputs for all the fields
  • cards for the hole content --- "failed"
  • [] grids for the whole content inside init . tabs -- optinal

Col s12 m7 l6 - for exp. Tracking title Col s12 m5 l6 - for ur bal , num, select ₹ $ £ ¥

code for the expense cal code

different currency selection

  • tabs code in todo list
  • local storage code

$("#getName").on("click", event => { name = $("#myname").val(); if (localStorage.hasOwnProperty(name)) { data = JSON.parse(localStorage.getItem(name)); console.log(data); } else { data.name = name; localStorage.setItem(name, JSON.stringify(data)); }

$(".addmyname").css("display", "none"); $(".navigate").css("display", "block"); if (data.expense.length === 0) { $(".expenseDiv").css("display", "block"); } else { $(".chart").css("display", "block"); generateGraph(); generateMonthbar(); } });

$("#addexpense").on("click", event => { var date = new Date($("#date").val()); var amount = parseInt($("#amount").val()); var Category = ""; if ($("#catagory").val() == "type") { Category = $("#addcatagory").val(); } else { Category = $("#catagory").val(); }

var expense = { day: date.getDate(), month: date.getMonth() + 1, year: date.getFullYear(), date: date, amount: amount, category: Category }; if (data.categories.hasOwnProperty("" + Category + "")) { data.categories[Category].amount += parseInt(amount); } else { data.categories[Category] = { amount: parseInt(amount) }; } data.expense.push(expense); localStorage.setItem(name, JSON.stringify(data));

$("#date, #amount, #catagory").val(""); });

<--- js for todo list created by me --->

const container = document.querySelector('.collection-item'); var inputValue = document.querySelector('.input'); const add = document.querySelector('#btnadd');

if (window.localStorage.getItem("todos") == undefined) { var todos = []; window.localStorage.setItem("todos", JSON.stringify(todos)); }

var todosEX = window.localStorage.getItem("todos"); var todos = JSON.parse(todosEX);

class item { constructor(name) { this.createItem(name); } createItem(name){ var itemBox = document.createElement('li'); itemBox.classList.add('collection-item');

    var icons =document.createElement('i')
    icons.classList.add('material-icons deep-purple-text text-darken-3 left');
    icons.value = description;
    
    var input = document.createElement('div');
    input.value = name;
    input.type = "text";
    input.classList.add('item_input');

    var a =document.createElement('a')
    a.classList.add('secondary-content');
    
    var remove = document.createElement('i');
	remove.classList.add('material-icons red-text cdel');
    icons.value = delete_forever;
	remove.innerHTML = "delete_forever";
	remove.addEventListener('click', () => this.remove(itemBox, name));


    container.appendChild(itemBox);

    itemBox.appendChild(icons);
    itemBox.appendChild(input);
    itemBox.appendChild(a);
    itemBox.appendChild(remove);

}

remove(itemBox,name){
    itemBox.parentNode.removeChild(itemBox);
    let index = todos.indexOf(name);
    todos.splice(index, 1);
    window.localStorage.setItem("todos", JSON.stringify(todos));
}

}

add.addEventListener('click', check); window.addEventListener('keydown', (e) => { if(e.which == 13){ check(); } })

function check(){ if(inputValue.value != ""){ new item(inputValue.value); todos.push(inputValue.value); window.localStorage.setItem("todos", JSON.stringify(todos)); inputValue.value = ""; } }

for (var v = 0 ; v < todos.length ; v++){ new item(todos[v]); }

<!-- Here is the Mobile side navbar   -->
<ul class="sidenav" id="mobile-demo">
    <!-- darkmode button  -->
    <li>
        <a href="#" class="btn  btn-wages indigo"
            onclick="localStorage.setItem('mode', (localStorage.getItem('mode') || 'dark') === 'dark' ? 'light' : 'dark'); localStorage.getItem('mode') === 'dark' ? document.querySelector('body').classList.add('dark') : document.querySelector('body').classList.remove('dark')"
            title="Dark/light">Dark mode
            <i class="material-icons right">dark_mode</i>
        </a>
    </li>
    <li><a href="/pages/aboutus.html">About Us</a></li>
    <li><a href="#ministeries">Ministries</a></li>
    <li><a href="#events">Events</a></li>
    <li><a href="/pages/prayer.html">Prayer</a></li>
    <li><a href="#support">Support</a></li>
    <li><a href="#footer">Visit Us</a></li>
    <li><a href="/pages/disclamer.html">Disclamer</a></li>
    <li><a href="/pages/privacy.html">Privacy Policy</a></li>
    <li><a href="/pages/tnc.html">Terms & Conditions</a></li>
</ul>
About the Church

Last Hope is a contemporary church led by Pastor Noel and Marceline Lewis. Our vision and mission is to establish God's kingdom across the earth.

Reach Us

Address: Shop Number C1 Bappa Sitaram Market, opposite SBI, Moregaon Talao, Nalasopara East, Maharashtra 401209

Connect with us
Contact us
Copyright © 2022 Last Hope Church   Created with favorite by Mr Parui Web 
<!-- Facebook -->
            <a href="http://www.facebook.com/sharer.php?u=https://mrparuiweb.live" target="_blank">
                <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
            </a>
            <!-- instagram  -->
            <a href="http://www.instagram.com/sharer.php?u=https://lasthopeglobal.netlify.app/" target="_blank">
				<img src="https://simplesharebuttons.com/images/somacro/instagram.png" alt="Instagram" />
                <!-- <i class="bi bi-instagram"></i> -->
		</a>

            <!-- Twitter -->
            <a href="https://twitter.com/share?url=https://lasthopeglobal.netlify.app/"
                target="_blank">
                <img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" />
            </a>

link of zoom meeting

create table public.newmembers ( id bigint generated by default as identity, created_at timestamp with time zone null default now(), first_name text not null, middle_name text null, last_name text not null, dob date not null, mobilenumber numeric not null, email text null, authorname text null, prayertime time without time zone not null, reference text null, address text null, prayerreq text null, g-recaptcha-response text null, constraint newmembers_pkey primary key (id) ) tablespace pg_default;