diff --git a/meetupdao/UI/abi.js b/meetupdao/UI/abi.js new file mode 100644 index 0000000..4b448e9 --- /dev/null +++ b/meetupdao/UI/abi.js @@ -0,0 +1,7 @@ + + +var address="0xDad4c8889D99e7d2b4a64028b7Fd029A8F3c7D3E"; + +var abi = +[{"constant":true,"inputs":[{"name":"","type":"uint256"}],"name":"proposals","outputs":[{"name":"recipient","type":"address"},{"name":"amount","type":"uint256"},{"name":"description","type":"string"},{"name":"votingDeadline","type":"uint256"},{"name":"executed","type":"bool"},{"name":"proposalPassed","type":"bool"},{"name":"numberOfVotes","type":"uint256"},{"name":"currentResult","type":"int256"},{"name":"proposalHash","type":"bytes32"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"targetMember","type":"address"}],"name":"removeMember","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"proposalNumber","type":"uint256"},{"name":"transactionBytecode","type":"bytes"}],"name":"executeProposal","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"","type":"address"}],"name":"memberId","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"numProposals","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"uint256"}],"name":"members","outputs":[{"name":"member","type":"address"},{"name":"name","type":"string"},{"name":"memberSince","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"debatingPeriodInMinutes","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"totalMembers","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"minimumQuorum","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"owner","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_from","type":"address"},{"name":"_value","type":"uint256"},{"name":"_token","type":"address"},{"name":"_extraData","type":"bytes"}],"name":"receiveApproval","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"totalProposals","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"majorityMargin","outputs":[{"name":"","type":"int256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"beneficiary","type":"address"},{"name":"weiAmount","type":"uint256"},{"name":"jobDescription","type":"string"},{"name":"transactionBytecode","type":"bytes"}],"name":"newProposal","outputs":[{"name":"proposalID","type":"uint256"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"beneficiary","type":"address"},{"name":"etherAmount","type":"uint256"},{"name":"jobDescription","type":"string"},{"name":"transactionBytecode","type":"bytes"}],"name":"newProposalInEther","outputs":[{"name":"proposalID","type":"uint256"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"minimumQuorumForProposals","type":"uint256"},{"name":"minutesForDebate","type":"uint256"},{"name":"marginOfVotesForMajority","type":"int256"}],"name":"changeVotingRules","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"targetMember","type":"address"},{"name":"memberName","type":"string"}],"name":"addMember","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"proposalNumber","type":"uint256"},{"name":"supportsProposal","type":"bool"},{"name":"justificationText","type":"string"}],"name":"vote","outputs":[{"name":"voteID","type":"uint256"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"memberName","type":"string"}],"name":"becomeMember","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"proposalNumber","type":"uint256"},{"name":"beneficiary","type":"address"},{"name":"weiAmount","type":"uint256"},{"name":"transactionBytecode","type":"bytes"}],"name":"checkProposalCode","outputs":[{"name":"codeChecksOut","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"newOwner","type":"address"}],"name":"transferOwnership","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[],"payable":true,"stateMutability":"payable","type":"constructor"},{"payable":true,"stateMutability":"payable","type":"fallback"},{"anonymous":false,"inputs":[{"indexed":false,"name":"proposalID","type":"uint256"},{"indexed":false,"name":"recipient","type":"address"},{"indexed":false,"name":"amount","type":"uint256"},{"indexed":false,"name":"description","type":"string"}],"name":"ProposalAdded","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"proposalID","type":"uint256"},{"indexed":false,"name":"position","type":"bool"},{"indexed":false,"name":"voter","type":"address"},{"indexed":false,"name":"justification","type":"string"}],"name":"Voted","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"proposalID","type":"uint256"},{"indexed":false,"name":"result","type":"int256"},{"indexed":false,"name":"quorum","type":"uint256"},{"indexed":false,"name":"active","type":"bool"}],"name":"ProposalTallied","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"member","type":"address"},{"indexed":false,"name":"isMember","type":"bool"}],"name":"MembershipChanged","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"newMinimumQuorum","type":"uint256"},{"indexed":false,"name":"newDebatingPeriodInMinutes","type":"uint256"},{"indexed":false,"name":"newMajorityMargin","type":"int256"}],"name":"ChangeOfRules","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"sender","type":"address"},{"indexed":false,"name":"amount","type":"uint256"}],"name":"receivedEther","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"_from","type":"address"},{"indexed":false,"name":"_value","type":"uint256"},{"indexed":false,"name":"_token","type":"address"},{"indexed":false,"name":"_extraData","type":"bytes"}],"name":"receivedTokens","type":"event"}] + diff --git a/meetupdao/UI/css/app.css b/meetupdao/UI/css/app.css new file mode 100755 index 0000000..a657a70 --- /dev/null +++ b/meetupdao/UI/css/app.css @@ -0,0 +1,367 @@ +body{ + overflow-x: hidden; +} + +h3{ + font-family: 'Bitter', serif; +} + +p{ + font-family: 'Gothic A1', sans-serif; +} + + +.brand-header{ + background-color: rgb(63, 45, 115, 0.55); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + background-image: url(../img/back.jpeg); + background-attachment: fixed; + height : 720px !important; + background-blend-mode: multiply; + background-color: rgba(63, 19, 107, 0.76); + overflow: hidden; + +} + + + +.header-1 { + position: absolute; + top : 32%; + color : #fff; +} + + +.header-1 h3 { + font-size: 50px; + font-weight: 600; + animation: type 8s steps(31) ; + overflow : hidden; + white-space: nowrap; + border-right : 2px solid #fff; + font-family: 'IBM Plex Mono', monospace; +} + +@keyframes type { + 0% { + width : 0ch; + } + 100% { + width : 31ch; + } +} + +.header-1 p{ + font-size: 25px; + text-align: left; + word-spacing: 5px; +} + +.header-1 .btn-1 { + width : 200px; + height : 58px; + margin-top: 10px; + font-size: 16px; + background-color: transparent; + border : 1px solid whitesmoke; + +} + + +.header-1 .btn-2 { + width : 200px; + height : 58px; + margin-top: 10px; + font-size: 16px; + background-color: transparent; + border : 1px solid whitesmoke; + background-color: rgba(0, 0, 10, 0.86); + color : #fff; + margin-left: 8px; +} + + +/* ================== navbar ========= */ + + + + + + +.nav-extended { + background-color: rgba(0, 0, 10, 0.36); + color : #fff !important; + +} + + +.nav-extended a { + color : #fff; + transition: all 300ms ease; +} + +.nav-extended a:hover{ + border-bottom: 2px solid #fff; + background-color: #1a237e; +} + +.brand-logo{ + font-size: 22px !important; +} + +.brand-logo:hover { + border-bottom : none !important; + background-color: transparent !important; +} + +.button-collapse{ + border-bottom : none !important; + background-color: transparent !important; +} + +.side-nav { + background-color: #fff !important; +} + +.side-nav a:hover{ + border-bottom: none; + background-color: rgb(29, 5, 43) !important; + color: #fff; + +} + +/* =========================== what is doa ======================== */ + +.whatIsDao{ + margin-top: 40px !important; + padding: 10px 10px; + background-color: #fff; +} + +.header-2 h3{ + text-align: left; + font-weight: 600; + font-size: 25px; + padding-left: 10px; +} + +.info-col p{ + text-align: left; + font-size: 15px; + opacity: 0.8; + line-height: 1.7; +} + +/* ======================== How its works ================================= */ + +.HowItWork{ + margin-top: 20px !important; + padding: 10px 10px; + background-color: #fff; + margin-bottom: 60px; +} + +.header-3 h3{ + text-align: left; + font-weight: 600; + font-size: 25px; + padding: 10px 0; + padding-left: 10px; +} + + + +/* ============================== parallax ======================== */ + +.parallax-header{ + background-color: rgba(0, 0, 0, 0.76); +} + +.parallax-container{ + height : 450px !important; +} + +.parallax-container .container{ + text-align: center; + color : #fff; +} + +.content{ + padding: 30px 10px; + margin-top: 100px; + +} + +.parallax-container .content h3{ + + font-size: 40px; + font-weight: 600; + word-spacing: 10px; +} + +.parallax-container .content p{ + font-size: 17px; + font-weight: 400; + opacity: 0.6; + +} + +.parallax-container .content .border-1{ + border: 2px solid #fff; + width : 300px; + margin: 0px auto; + margin-top: 30px !important; +} + + +/* =========================== Feature ================================== */ + +.feature{ + padding: 30px 10px; + margin-top: 60px; + margin: 30px 0; +} + +.header-4 h3{ + text-align: left; + font-weight: 600; + font-size: 25px; + +} + +.header-4 p{ + text-align: left; + font-size: 14px; + + opacity: 0.6; + line-height: 2; +} + +.card{ + margin-top:30px !important; +} + +.card .btn-floating{ + background-color: rgb(94, 2, 131) !important; +} + +.card:hover{ + -webkit-box-shadow: 0px 0px 30px -1px rgba(0,0,0,0.51); +-moz-box-shadow: 0px 0px 30px -1px rgba(0,0,0,0.51); +box-shadow: 0px 0px 30px -1px rgba(0,0,0,0.51); +} + + + + +/* ===================================== Contact us ==================== */ + +.contact-us{ + padding: 60px 10px !important; + padding-bottom : 20px !important; + margin: 20px 0; + margin-bottom: 0; + background: linear-gradient(132deg, #000, #7a0d63); + background-size: 400% 400%; + animation: BackgroundGradient 25s ease infinite; + position: relative; + +} + + +@keyframes BackgroundGradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +.header-5 h3{ + + font-weight: 600; + font-size: 40px; + padding-left: 10px; + color: #fff; + text-align: center; + +} + +.form-content{ + margin-top: 40px; + padding: 30px; + color: #fff; +} + +.form-content span{ + font-size: 15px; + opacity: 0.6; +} + +.form-content .material-icons{ + font-size: 45px !important; + color: #42a5f5 !important; +} + +.form-content strong p{ + font-size: 17px; +} + +.form-input{ + margin-top: 20px !important; + padding: 0px 30px; +} + +.input-field input{ + color : #fff; +} + + + + +.input-field .active{ + color : #42a5f5 !important; +} + +.form-input .btn{ + background-color : #42a5f5 !important; + margin-left: 10px; + margin-top: 20px; + border-radius: 50px; +} + + +input:not([type]):focus:not([readonly]), +input[type=text]:not(.browser-default):focus:not([readonly]), +input[type=password]:not(.browser-default):focus:not([readonly]), +input[type=email]:not(.browser-default):focus:not([readonly]), +input[type=url]:not(.browser-default):focus:not([readonly]), +input[type=time]:not(.browser-default):focus:not([readonly]), +input[type=date]:not(.browser-default):focus:not([readonly]), +input[type=datetime]:not(.browser-default):focus:not([readonly]), +input[type=datetime-local]:not(.browser-default):focus:not([readonly]), +input[type=tel]:not(.browser-default):focus:not([readonly]), +input[type=number]:not(.browser-default):focus:not([readonly]), +input[type=search]:not(.browser-default):focus:not([readonly]), +textarea.materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid #42a5f5 !important; + +} + + +/* ======================== footer ============================ */ + +.footer{ + padding: 20px 0; + text-align: center; + color: #fff; + background-color: rgb(42, 4, 38); + font-size: 13px; + +} diff --git a/meetupdao/UI/css/member.css b/meetupdao/UI/css/member.css new file mode 100644 index 0000000..4bb25a8 --- /dev/null +++ b/meetupdao/UI/css/member.css @@ -0,0 +1,117 @@ +body { + margin : 0; + padding: 0; + overflow-x: hidden; +} +.main-containe{ + margin: 10px; + height : 100%; + width : 100%; + position: relative; + left : 10%; + right : 10%; +} +.card{ + display: inline-block; + width : 300px; + height : 250px; + background-color: #fff; + border-top : 4px solid #1a237e; + color : #000; + text-align: center; + margin : 10px; + margin-left: 25px; + font-size: 20px; + margin-top : 80px; + margin-bottom : 60px; + -webkit-box-shadow: 0px 6px 26px 1px rgba(0,0,0,0.26); +-moz-box-shadow: 0px 6px 26px 1px rgba(0,0,0,0.26); +box-shadow: 0px 6px 26px 1px rgba(0,0,0,0.26); +transition: transform 300ms ease-in; +} + +.card:hover{ + transform: scale(1.05); +} + +.card h2{ + font-size: 25px; + text-transform: uppercase; +} + +.header { + padding: 50px 0; + padding-left: 30px !important; + height : 300px; + background-image: url(../img/back3.jpeg); + background-attachment: fixed; + background-position: center; + background-size : cover; + + +} + +.header h3{ + font-size : 50px; + text-align: left; + color : #fff; +} + +.card p { + font-size: 18px; + opacity: 0.8; + margin-top: 50px; + word-spacing: 5px; +} +.nav-extended { +background-color: rgba(0, 0, 10, 1); +color : #fff !important; + +} + + +.nav-extended a { +color : #fff; +transition: all 300ms ease; +} + +.nav-extended a:hover{ +border-bottom: 2px solid #fff; +background-color: #1a237e; +} + +.brand-logo{ +font-size: 22px !important; +} + +.brand-logo:hover { +border-bottom : none !important; +background-color: transparent !important; +} + +.button-collapse{ +border-bottom : none !important; +background-color: transparent !important; +} + +.side-nav { +background-color: #fff !important; +} + +.side-nav a:hover{ +border-bottom: none; +background-color: rgb(29, 5, 43) !important; +color: #fff; + +} + + +/* =========== Footer ======= */ + +.footer{ + padding: 10px 0; + color : #fff; + text-align: center; + font-size : 15px; + background-color: hsl(271, 70%, 21%); +} \ No newline at end of file diff --git a/meetupdao/UI/css/responsive.css b/meetupdao/UI/css/responsive.css new file mode 100755 index 0000000..190f866 --- /dev/null +++ b/meetupdao/UI/css/responsive.css @@ -0,0 +1,289 @@ +@media (max-width: 1287px) { + .header-1 h3 { + font-size: 35px; + } +} + +@media (max-width: 880px) { + .brand-header { + height: 580px !important; + } + .header-1 { + text-align: center; + position: absolute; + top: 30%; + left: 0%; + right: 0%; + } + .header-1 h3 { + font-size: 25px; + animation: none; + white-space: normal; + border: none; + line-height: 2; + } + .header-1 p { + font-size: 20px; + text-align: center; + } + .header-1 .btn-1 { + width: 58%; + height: 40px; + margin-top: 10px; + font-size: 15px; + display: block; + position: relative; + right: 21%; + left: 21%; + } + .header-1 .btn-2 { + width: 50%; + height: 40px; + margin-top: 10px; + font-size: 15px; + display: block; + position: relative; + right: 25%; + left: 25%; + } + + + /* home page responsive style */ + + .header-2 h3{ + text-align: left; + font-weight: 600; + font-size: 20px; + padding-left: 10px; + } + + .header-3 h3{ + text-align: left; + font-weight: 600; + font-size: 20px; + padding-left: 10px; + } + + .info-col p{ + text-align: left; + font-size: 14px; + opacity: 0.8; + line-height: 1.8; + } + + /* ==== Parallex ====== */ + + .content{ + padding: 20px; + margin-top: 120px; + } + + .parallax-container .content h3{ + font-size: 30px; + } + + .parallax-container .content p{ + font-size: 15px; + } + + /* =========== feature ====== */ + + .header-4 h3{ + font-size: 20px; + } + + .header-4 p{ + font-size: 12px; + } + + .header-5 h3{ + font-weight: 600; + font-size: 30px; + + } + + /* ===== form ====== */ + + .form-content strong p{ + font-size: 14px; + } + + + .form-content .material-icons{ + font-size: 40px !important; + + } +} + +/* ===================== Proposal ====================== */ + +@media (max-width: 1005px) { + .step-1 .header p { + line-height: 1.6 !important; + font-size: 15px; + opacity: 0.6; + } + .step-2 .header-2 p { + line-height: 1.6 !important; + font-size: 15px; + opacity: 0.6; + } +} + +@media (max-width: 992px) { + .step-1 { + padding: 5% !important; + height: 500px; + margin: 10px 0; + } + .step-1 .header p { + line-height: 1.6 !important; + font-size: 15px; + opacity: 0.6; + } + .step1-img img { + width: 90%; + height: 100%; + position: relative; + left: 5%; + right: 5%; + margin: 30px 0; + } + .step-2 { + padding: 5% !important; + height: 500px; + margin: 30px 0; + } + .step-2 .header p { + line-height: 1.6 !important; + font-size: 15px; + opacity: 0.6; + } + .step2-img img { + width: 90%; + height: 100%; + position: relative; + left: 5%; + right: 5%; + margin: 80px 0; + } + span .material-icons { + display: none !important; + } + /* ======= join us button ======== */ + .button-1 a { + top: 20px; + } +} + +@media (max-width: 604px) { + .proposal { + padding: 20px; + + } + .proposal-2 { + padding: 20px; + } + .step-1 { + margin: 30px 0; + position: relative; + top: -30% !important; + bottom: 20px; + height: 450px; + padding: 5% 8% !important; + } + .step1-img { + padding: 20px 4px !important; + } + .step1-img img { + width: 100%; + height: 50%; + position: relative; + left: 0; + right: 0; + } + .step-2 { + margin: 30px 0; + margin-bottom: 0px !important; + position: relative; + top: 0px !important; + bottom: 0px; + height: 450px; + padding: 5% 8% !important; + } + .step2-img { + padding: 20px 4px !important; + } + .step2-img img { + width: 100%; + height: 50%; + position: relative; + left: 0; + right: 0; + margin-top: -10px; + margin-bottom: 40px; + } + + /* ====== respo ===== */ + span .material-icons { + display: none !important; + } + /* ===== join us button ===== */ + .button-1 a { + top: 20px; + } + + /* ====== home ===== */ + + .content{ + padding: 30px 10px; + margin-top: 70px; + + } + + .parallax-container .content .border-1{ + width : 200px; + margin-top: 20px !important; + } + + .parallax-container .content h3{ + + font-size: 25px; + font-weight: 600; + word-spacing: 10px; + line-height: 1.7; + } + + .parallax-container .content p{ + font-size: 14px; + font-weight: 400; + opacity: 0.6; + + } + + /* ====== contact form home page === */ + + .form-input { + margin-top: 60px !important; + } + + .form-input .btn{ + margin-left: 0px; + } +} + + +@media (max-width : 455px) { + .header-1 .btn-1 { + width: 80%; + left: 10%; + right: 10%; + } + .header-1 .btn-2 { + width: 80%; + height: 40px; + left: 10%; + right: 10%; + margin-left: 0px; + } +} diff --git a/meetupdao/UI/css/step.css b/meetupdao/UI/css/step.css new file mode 100755 index 0000000..2d1c4c7 --- /dev/null +++ b/meetupdao/UI/css/step.css @@ -0,0 +1,421 @@ +body{ + overflow-x: hidden; +} + +h3{ + font-family: 'Bitter', serif; +} + +p{ + font-family: 'Gothic A1', sans-serif; +} + + +.brand{ + background-image: url(../img/back4.png); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + background-color: rgba(0, 0, 0, 0.26); + background-blend-mode: multiply; + padding: 160px 0; + color : #fff; + margin-bottom: 100px; + +} + + + +.brand h3 { + font-size: 50px; + font-weight: 600; + animation: type 5s steps(16) ; + overflow : hidden; + white-space: nowrap; + border-right : 2px solid #fff; + width : 16ch; + font-family: 'IBM Plex Mono', monospace; +} + +@keyframes type { + 0% { + width : 0ch; + } + 100% { + width : 16ch; + } +} + +@media (max-width: 1287px) { + .brand h3 { + font-size: 35px; + } +} + +@media (max-width: 770px) { + + .brand h3 { + font-size: 28px; + animation: none; + white-space: normal; + border: none; + line-height: 2; + } + + .proposal{ + margin-top: 20px !important; + + } +} + + + +/* ================== navbar ========= */ + + + + + + +.nav-extended { + background-color: rgba(0, 0, 10, 1); + color : #fff !important; + +} + + +.nav-extended a { + color : #fff; + transition: all 300ms ease; +} + +.nav-extended a:hover{ + border-bottom: 2px solid #fff; + background-color: #1a237e; +} + +.brand-logo{ + font-size: 22px !important; +} + +.brand-logo:hover { + border-bottom : none !important; + background-color: transparent !important; +} + +.button-collapse{ + border-bottom : none !important; + background-color: transparent !important; +} + +.side-nav { + background-color: #fff !important; +} + +.side-nav a:hover{ + border-bottom: none; + background-color: rgb(29, 5, 43) !important; + color: #fff; + +} + + + +/* ================================ Create Propasal ================== */ + +.proposal{ + height: 100%; + background-color: #fff; + position:relative; + padding: 40px 0; + +} + +.proposal .container-fluid .row{ + margin-bottom: 0px; + padding: 0px; +} + +.step-1{ + position: relative; + border-top : 6px solid #a119bd; + border-top-right-radius: 4px; + height : 540px; + padding: 8% 5% !important; + background-color: #fff; + -webkit-box-shadow: 18px 2px 69px -1px rgba(0,0,0,0.25); + -moz-box-shadow: 18px 2px 69px -1px rgba(0,0,0,0.25); + box-shadow: 18px 2px 69px -1px rgba(0,0,0,0.25); + +} + + + +.step-1 .header h3{ + font-size: 22px; + font-weight: 450; + word-spacing: 3px; +} + +.step-1 .header h4{ + font-size: 16px; + font-weight: 350; + opacity: 0.8; + text-transform: uppercase; + word-spacing: 3px; + line-height : 2; +} + +.step-1 .header span a { + padding: 10px; + margin-top: 5px; + display: inline-block; + transition: border 200ms ease-in; + border-bottom: 2px solid #000; +} + +.step-1 .header a:hover{ + display: inline-block; + padding: 10px; + border : 2px solid #000; +} + + +.step-1 .header p{ + line-height: 2; + font-size: 14px; + opacity: 0.6; +} + +.step-1 .header span .material-icons { + position :absolute; + right : -10%; + top : 50%; + display : inline-block; + width : 100px; + font-size: 30px; + text-align: right; + padding: 15px; + color: #fff; + background-color: rgb(40, 156, 181, 0.65); + transition: right 250ms ease; + +} + +.step-1:hover .header .material-icons { + right: -20%; + +} + + + +.step1-img{ + margin: 0px; + margin-bottom: 0 !important + position: relative; + padding: 5% 20px !important; + +} + +.step1-img img{ + width : 70%; + height: 30%; + position: relative; + left: 15%; + right: 15%; + bottom: 0%; + transition: transform 300ms ease-in; + -webkit-box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); + -moz-box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); + box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); +} + +.step1-img img:hover{ + transform: scale(1.05) !important; +} + +/* =============================== propasal-2 ==================================== */ + +.proposal-2{ + height: 100%; + background-color: #fff; + position:relative; + padding: 40px 0; +} + +.proposal-2 .container-fluid .row{ + margin-bottom: 0px; + padding: 0px; +} + +.step-2{ + + position: relative; + border-top : 6px solid #289cb5; + border-top-left-radius: 4px; + height : 540px; + padding: 8% 5% !important; + background-color: #fff; + -webkit-box-shadow: -22px 2px 69px -1px rgba(0,0,0,0.25); + -moz-box-shadow: -22px 2px 69px -1px rgba(0,0,0,0.25); + box-shadow: -22px 2px 69px -1px rgba(0,0,0,0.25); +} + +.step-2 .header-2 h3{ + font-size: 22px; + font-weight: 450; + word-spacing: 3px; +} + +.step-2 .header-2 h4{ + font-size: 16px; + font-weight: 350; + opacity: 0.8; + text-transform: uppercase; + word-spacing: 3px; + line-height : 2; +} + +.step-2 .header-2 span a { + padding: 10px; + margin-top: 5px; + display: inline-block; + transition: border 200ms ease-in; + border-bottom: 2px solid #000; +} + +.step-2 .header-2 a:hover{ + display: inline-block; + padding: 10px; + border : 2px solid #000; +} + + +.step-2 .header-2 p{ + line-height: 2; + font-size: 14px; + opacity: 0.6; +} + + +.step-2 .header-2 span .material-icons { + position :absolute; + left : -10%; + top : 50%; + display : inline-block; + width : 100px; + font-size: 30px; + text-align: left; + padding: 15px; + color: #fff; + background-color: rgba(161, 25, 189, 0.65); + transition: left 250ms ease; + +} + +.step-2:hover .header-2 .material-icons { + left: -20%; +} + + + +.step2-img{ + + position: relative; + border-bottom: none; + padding: 5% 20px !important; +} + +.step2-img img{ + width : 70%; + height: 30%; + position: relative; + left: 15%; + right: 15%; + bottom: 0%; + transition: transform 400ms ease; + -webkit-box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); + -moz-box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); + box-shadow: 1px 1px 54px 1px rgba(0,0,0,0.43); +} + +.step2-img img:hover{ + transform: scale(1.05) !important; +} + +/* ============================== join us ====================== */ + + + + +.download-button { + padding: 60px 20px; + color : #000; + text-align : center; + background-color: #f5f5f5; + background-image: url(../img/back.jpeg); + background-position: center; + background-size: cover; + background-blend-mode: multiply; + background-color: rgba(63, 19, 107, 0.76); + background-attachment: fixed; +} + +.button-1 { + background-color: #fff; + padding: 50px 20px; + border-radius: 6px; + border-top: 4px solid rgba(161, 25, 189, 0.65); + margin-top: 20px; + +} + + +.button-1 a { + display : inline-block; + width : 200px; + padding : 15px 0 !important; + color : whitesmoke; + background-color: rgb(2, 179, 228); + text-decoration : none; + font-size : 15px; + -webkit-transition : all 0.3s ease-in-out; + transition : all 0.3s ease-in-out; + text-transform: uppercase; + position : relative; + top: 50px; + border-radius: 6px; + box-shadow : 0px 6px 30px rgba(0, 0, 0, 0.32); +} + + + +.button-1 a:focus, +.button-1 a:hover { + background-color: rgb(15, 156, 195); +} + +.heading h3{ + color : rgb(2, 179, 228); + font-size: 35px !important; + line-height: 50px; +} + +.button-1 p{ + color: rgb(147, 154, 159); + font-size: 20px; + text-align: center; + line-height: 40px; + word-spacing: 10px; +} + +/* =================== footer ==================== */ + +.footer { + padding: 20px 0; + color : #fff; + font-size: 13px; + text-align: center; + background-color: rgb(5, 7, 38); +} diff --git a/meetupdao/UI/css/style.css b/meetupdao/UI/css/style.css new file mode 100755 index 0000000..c275511 --- /dev/null +++ b/meetupdao/UI/css/style.css @@ -0,0 +1,257 @@ +@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow); +.cube-folding { + width: 50px; + height: 50px; + display: inline-block; + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + font-size: 0; +} +.cube-folding span { + position: relative; + width: 25px; + height: 25px; + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -webkit-transform: scale(1.1); + transform: scale(1.1); + display: inline-block; +} +.cube-folding span::before { + content: ''; + background-color: white; + position: absolute; + left: 0; + top: 0; + display: block; + width: 25px; + height: 25px; + -moz-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + -moz-animation: folding 2.5s infinite linear both; + -webkit-animation: folding 2.5s infinite linear both; + animation: folding 2.5s infinite linear both; +} +.cube-folding .leaf2 { + -moz-transform: rotateZ(90deg) scale(1.1); + -ms-transform: rotateZ(90deg) scale(1.1); + -webkit-transform: rotateZ(90deg) scale(1.1); + transform: rotateZ(90deg) scale(1.1); +} +.cube-folding .leaf2::before { + -moz-animation-delay: 0.3s; + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; + background-color: #f2f2f2; +} +.cube-folding .leaf3 { + -moz-transform: rotateZ(270deg) scale(1.1); + -ms-transform: rotateZ(270deg) scale(1.1); + -webkit-transform: rotateZ(270deg) scale(1.1); + transform: rotateZ(270deg) scale(1.1); +} +.cube-folding .leaf3::before { + -moz-animation-delay: 0.9s; + -webkit-animation-delay: 0.9s; + animation-delay: 0.9s; + background-color: #f2f2f2; +} +.cube-folding .leaf4 { + -moz-transform: rotateZ(180deg) scale(1.1); + -ms-transform: rotateZ(180deg) scale(1.1); + -webkit-transform: rotateZ(180deg) scale(1.1); + transform: rotateZ(180deg) scale(1.1); +} +.cube-folding .leaf4::before { + -moz-animation-delay: 0.6s; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; + background-color: #e6e6e6; +} + +@-moz-keyframes folding { + 0%, 10% { + -moz-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } + 25%, 75% { + -moz-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } + 90%, 100% { + -moz-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} +@-webkit-keyframes folding { + 0%, 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } + 25%, 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } + 90%, 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} +@keyframes folding { + 0%, 10% { + -moz-transform: perspective(140px) rotateX(-180deg); + -ms-transform: perspective(140px) rotateX(-180deg); + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } + 25%, 75% { + -moz-transform: perspective(140px) rotateX(0deg); + -ms-transform: perspective(140px) rotateX(0deg); + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } + 90%, 100% { + -moz-transform: perspective(140px) rotateY(180deg); + -ms-transform: perspective(140px) rotateY(180deg); + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} +.cube-wrapper { + position: fixed; + left: 50%; + top: 50%; + margin-top: -50px; + margin-left: -50px; + width: 100px; + height: 100px; + text-align: center; +} +.cube-wrapper:after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: -20px; + margin: auto; + width: 90px; + height: 6px; + background-color: rgba(0, 0, 0, 0.1); + -webkit-filter: blur(2px); + filter: blur(2px); + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + z-index: 1; + -moz-animation: shadow 0.5s ease infinite alternate; + -webkit-animation: shadow 0.5s ease infinite alternate; + animation: shadow 0.5s ease infinite alternate; +} +.cube-wrapper .loading { + font-size: 12px; + letter-spacing: 0.1em; + display: block; + color: white; + position: relative; + top: 25px; + z-index: 2; + -moz-animation: text 0.5s ease infinite alternate; + -webkit-animation: text 0.5s ease infinite alternate; + animation: text 0.5s ease infinite alternate; +} + +@-moz-keyframes text { + 100% { + top: 35px; + } +} +@-webkit-keyframes text { + 100% { + top: 35px; + } +} +@keyframes text { + 100% { + top: 35px; + } +} +@-moz-keyframes shadow { + 100% { + bottom: -18px; + width: 100px; + } +} +@-webkit-keyframes shadow { + 100% { + bottom: -18px; + width: 100px; + } +} +@keyframes shadow { + 100% { + bottom: -18px; + width: 100px; + } +} +html, body { + min-height: 100%; +} + +body { + background: #00c6ff; + /* fallback for old browsers */ + background: -webkit-linear-gradient(to left, #00c6ff, #0072ff); + /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to left, #00c6ff, #0072ff); + /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + font-family: arial; +} + +h1 { + font-size: 26px; + display: block; + text-align: center; + color: #fff; + padding: 50px 20px; + font-weight: 300; + font-family: 'Archivo Narrow', sans-serif; +} + +.made-with-love { + position: fixed; + left: 0; + width: 100%; + bottom: 10px; + text-align: center; + font-size: 10px; + z-index: 9999; + font-family: arial; + color: #fff; +} +.made-with-love i { + font-style: normal; + color: #F50057; + font-size: 14px; + position: relative; + top: 2px; +} +.made-with-love a { + color: #fff; + text-decoration: none; +} +.made-with-love a:hover { + text-decoration: underline; +} diff --git a/meetupdao/UI/web3/images/1.jpg b/meetupdao/UI/img/1.jpg old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/1.jpg rename to meetupdao/UI/img/1.jpg diff --git a/meetupdao/UI/web3/images/arrow.jpg b/meetupdao/UI/img/arrow.jpg old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/arrow.jpg rename to meetupdao/UI/img/arrow.jpg diff --git a/meetupdao/UI/img/back.jpeg b/meetupdao/UI/img/back.jpeg new file mode 100755 index 0000000..8587357 Binary files /dev/null and b/meetupdao/UI/img/back.jpeg differ diff --git a/meetupdao/UI/img/back.png b/meetupdao/UI/img/back.png new file mode 100755 index 0000000..f2ad50c Binary files /dev/null and b/meetupdao/UI/img/back.png differ diff --git a/meetupdao/UI/img/back2.jpeg b/meetupdao/UI/img/back2.jpeg new file mode 100755 index 0000000..542f448 Binary files /dev/null and b/meetupdao/UI/img/back2.jpeg differ diff --git a/meetupdao/UI/img/back3.jpeg b/meetupdao/UI/img/back3.jpeg new file mode 100755 index 0000000..fee3680 Binary files /dev/null and b/meetupdao/UI/img/back3.jpeg differ diff --git a/meetupdao/UI/img/back4.jpeg b/meetupdao/UI/img/back4.jpeg new file mode 100755 index 0000000..cb46db2 Binary files /dev/null and b/meetupdao/UI/img/back4.jpeg differ diff --git a/meetupdao/UI/img/back4.png b/meetupdao/UI/img/back4.png new file mode 100755 index 0000000..0520197 Binary files /dev/null and b/meetupdao/UI/img/back4.png differ diff --git a/meetupdao/UI/web3/images/ethereum.png b/meetupdao/UI/img/ethereum.png old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/ethereum.png rename to meetupdao/UI/img/ethereum.png diff --git a/meetupdao/UI/img/feature.jpeg b/meetupdao/UI/img/feature.jpeg new file mode 100755 index 0000000..33d8bec Binary files /dev/null and b/meetupdao/UI/img/feature.jpeg differ diff --git a/meetupdao/UI/web3/images/step1.jpg b/meetupdao/UI/img/step1.jpg old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/step1.jpg rename to meetupdao/UI/img/step1.jpg diff --git a/meetupdao/UI/web3/images/step2.jpg b/meetupdao/UI/img/step2.jpg old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/step2.jpg rename to meetupdao/UI/img/step2.jpg diff --git a/meetupdao/UI/web3/images/step3.jpg b/meetupdao/UI/img/step3.jpg old mode 100644 new mode 100755 similarity index 100% rename from meetupdao/UI/web3/images/step3.jpg rename to meetupdao/UI/img/step3.jpg diff --git a/meetupdao/UI/index.html b/meetupdao/UI/index.html new file mode 100755 index 0000000..8c79c11 --- /dev/null +++ b/meetupdao/UI/index.html @@ -0,0 +1,30 @@ + + + + + + + + Meetup DAO + + + + + + + + + +
+
+ + + + +
+ Loading +
+ + + + diff --git a/meetupdao/UI/index1.html b/meetupdao/UI/index1.html new file mode 100755 index 0000000..167123a --- /dev/null +++ b/meetupdao/UI/index1.html @@ -0,0 +1,346 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+

Not Long to Go ...

+

Build a Community on Blockchain.

+ + + +
+
+
+
+
+
+ + + + + + +
+
+
+
+

WHAT IS DAO

+
+
+

In the Ethereum ecosystem, there is no discrimination against robots or humans and contracts can create arbitrary actions like any other account would. Contracts can own tokens, participate in crowdsales, and even be voting members of other + contracts. DAO is a business or organization whose decisions are made electronically by a written computer code or through the vote of its members. In essence it is a system of hard coded rules that define which actions an organization will + take +

+

DAOs aim to hard-code certain rules that a company would from the get-go. This could be setting aside a certain percentage of earnings for a cause or determining a process by which such a rule could be changed.

+
+
+
+
+ + + + + + +
+
+
+
+

HOW THIS DAO WORKS

+
+
+

The way this particular democracy works is that it has an Owner which works like an administrator, CEO or a President. The Owner can add (or remove) voting members to the organization. Any member can make a proposal, which is in the form of + an ethereum transaction to either send ether or execute some contract, and other members can vote in support or against the proposal. Once a predetermined amount of time and a certain number of members has voted, the proposal can be executed: + the contract counts the votes and if there are enough votes it will execute the given transaction.

+
+
+
+
+ + + + +
+ +
+
+
+
+
+
+

Build Future With Blockchain

+

Demo text Something will add here soon!.

+
+
+
+
+
+
+
+ + + + + +
+ +
+
+

FEATURES

+

Something will add here soon !

+
+
+
+
+
+ + Card Title + add +
+
+

I am a very simple card. I am good at containing small bits of information.

+
+
+ +
+
+
+
+ + Card Title + add +
+
+

I am a very simple card. I am good at containing small bits of information.

+
+
+
+
+
+
+ + Card Title + add +
+
+

I am a very simple card. I am good at containing small bits of information.

+
+
+
+
+
+
+ + + +
+
+
+
+

Contact Us

+
+
+ + Our Address + add_location +

Ramanujan College, New Delhi - 110019


+ + Call Us + call +

+91 XXXXXXXXXX


+ + Mail Us + email +

meetup.gmail.com

+
+ +
+
+
+
+
+ + +
+ +
+ + +
+
+ +
+
+ + +
+
+ + + +
+
+
+
+
+
+ + + + + + + + + + +
- + New Proposal

New Proposal

- Beneficiary Address(optional)
+ Beneficiary

Ether amount(optional)

- Proposal Description
+ Job Description

Transaction bytecode(optional)

- Upload File(.jpg) + Upload File - - +
@@ -62,10 +40,8 @@

New Proposal







-
- +
- diff --git a/meetupdao/UI/proposals.js b/meetupdao/UI/proposals.js new file mode 100644 index 0000000..f5923c2 --- /dev/null +++ b/meetupdao/UI/proposals.js @@ -0,0 +1,91 @@ + +function newProposalInEther(){ + var beneficiary=document.getElementById("beneficiary").value; + var etherAmount=document.getElementById("etherAmount").value; + var jobDescription=document.getElementById("jobDescription").value; + var transactionBytecode=document.getElementById("transactionBytecode").value; + var myTokenContract = web3.eth.contract(abi).at(address); + return myTokenContract.newProposalInEther(beneficiary, etherAmount, jobDescription, transactionBytecode, function (error, result) {}) + + } + + +function executeProposal(proposalNumberValue){ + var proposalNumber = proposalNumberValue; + var transactionBytecode=document.getElementById("transactionBytecode").value; + var myTokenContract = web3.eth.contract(abi).at(address); + return myTokenContract.executeProposal(proposalNumber, transactionBytecode, function (error, result) {}) + + } + + + function vote(proposalNumberValue){ + var proposalNumber = proposalNumberValue; + var idYes = "supportsProposal_" + proposalNumber + "_yes"; + var idNo = "supportsProposal_" + proposalNumber + "_no"; + var idJustificationText = "justificationText_" + proposalNumber; + var yes=document.getElementById(idYes).checked; + var no= document.getElementById(idNo).checked; + if(yes==true) + var supportsProposal = 1; + else if(no==true) + var supportsProposal = -1; + + var justificationText=document.getElementById(idJustificationText).value; + var myTokenContract = web3.eth.contract(abi).at(address); + return myTokenContract.vote(proposalNumber, supportsProposal, justificationText, function (error, result) {}) + } + + +function getProposals(){ + var myTokenContract = web3.eth.contract(abi).at(address); + + myTokenContract.totalProposals(function(error,result){ + var totalProposals = result.c[0]; + for(var i = 0; i < totalProposals; i++){ + const proposalNumber = i; + myTokenContract.proposals(i, function(error,result){ + + var a1 = '

'; + var recipient = result[0]; + var a2 = '

'; + var message = result[2]; + + var voteButton1 = '

Vote
Support Proposal     Justification Text
YesNo          
'; + + var a3 = '

Proposal No.: '; + + var a4 = '

Votes  : Total Votes: '; + var totalVotes = result[6].c[0]; + var a5 = '      Current Status: '; + var currentStatus = result[7].c[0]; + var a6 = '


'; + + var input = a1+recipient+a2+proposalNumber+a21+message+voteButton1+proposalNumber+voteButton2+proposalNumber+voteButton3+proposalNumber+voteButton4+proposalNumber+voteButton5+a3+proposalNumber+a4+totalVotes+a5+currentStatus+a6; + var mydiv = document.getElementById("parent"); + var newDiv = document.createElement('div'); + newDiv.innerHTML = input; + while (newDiv.firstChild) { + mydiv.appendChild(newDiv.firstChild); + } + + + }) + } + }) +} +getProposals(); + +function homenav(){ + location.href ="./index.html"; +} \ No newline at end of file diff --git a/meetupdao/UI/stepProposal.html b/meetupdao/UI/stepProposal.html new file mode 100755 index 0000000..5bfaf99 --- /dev/null +++ b/meetupdao/UI/stepProposal.html @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Building Steps..

+
+
+ + + + + +
+
+
+
+
+

Create Proposal.

+

step 1 of creating a propasal

+ + + arrow_forward +
+
+
+ +
+
+
+
+ + + +
+
+
+ +
+
+
+

Create Proposal.

+

step 2 of creating a propasal

+ + arrow_back +
+
+
+
+ + +
+
+
+
+
+

Create Proposal.

+

step 3 of creating a propasal

+ + arrow_forward +
+
+
+ +
+
+
+
+ + +
+
+
+ +
+
+
+

Create Proposal.

+

step 4 of creating a propasal

+ + arrow_back +
+
+
+
+ + + + + + + +
+
+
+
+
+
+

Start

+
+

Let's Create a Proposol Now

+
+ +
+
+
+
+ + +
+
+

© All Right Reserve To Meetup DAO

+
+
+ + + + + + + + + + + + + + + diff --git a/meetupdao/UI/web3/abi.js b/meetupdao/UI/web3/abi.js deleted file mode 100644 index 912c7db..0000000 --- a/meetupdao/UI/web3/abi.js +++ /dev/null @@ -1,7 +0,0 @@ - - -var address="0x4109f673b60E92c69f7d511D0fB641ecf7ea1694"; - -var abi = -[ { "constant": true, "inputs": [ { "name": "", "type": "uint256" } ], "name": "proposals", "outputs": [ { "name": "recipient", "type": "address", "value": "0x0000000000000000000000000000000000000000" }, { "name": "amount", "type": "uint256", "value": "0" }, { "name": "description", "type": "string", "value": "Tester" }, { "name": "fileHash", "type": "string", "value": "" }, { "name": "votingDeadline", "type": "uint256", "value": "1522839557" }, { "name": "executed", "type": "bool", "value": false }, { "name": "proposalPassed", "type": "bool", "value": false }, { "name": "numberOfVotes", "type": "uint256", "value": "0" }, { "name": "currentResult", "type": "int256", "value": "0" }, { "name": "proposalHash", "type": "bytes32", "value": "0xa86d54e9aab41ae5e520ff0062ff1b4cbd0b2192bb01080a058bb170d84e6457" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [ { "name": "targetMember", "type": "address" } ], "name": "removeMember", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [ { "name": "proposalNumber", "type": "uint256" }, { "name": "transactionBytecode", "type": "bytes" } ], "name": "executeProposal", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [ { "name": "", "type": "address" } ], "name": "memberId", "outputs": [ { "name": "", "type": "uint256", "value": "0" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [ { "name": "beneficiary", "type": "address" }, { "name": "weiAmount", "type": "uint256" }, { "name": "jobDescription", "type": "string" }, { "name": "uploadFileHash", "type": "string" }, { "name": "transactionBytecode", "type": "bytes" } ], "name": "newProposal", "outputs": [ { "name": "proposalID", "type": "uint256" } ], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "numProposals", "outputs": [ { "name": "", "type": "uint256", "value": "8" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [ { "name": "", "type": "uint256" } ], "name": "members", "outputs": [ { "name": "member", "type": "address", "value": "0x0000000000000000000000000000000000000000" }, { "name": "name", "type": "string", "value": "" }, { "name": "memberSince", "type": "uint256", "value": "1522838942" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "debatingPeriodInMinutes", "outputs": [ { "name": "", "type": "uint256", "value": "5" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "totalMembers", "outputs": [ { "name": "", "type": "uint256", "value": "6" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "minimumQuorum", "outputs": [ { "name": "", "type": "uint256", "value": "2" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "owner", "outputs": [ { "name": "", "type": "address", "value": "0x52c3a9b0f293cac8c1baabe5b62524a71211a616" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [ { "name": "_from", "type": "address" }, { "name": "_value", "type": "uint256" }, { "name": "_token", "type": "address" }, { "name": "_extraData", "type": "bytes" } ], "name": "receiveApproval", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "totalProposals", "outputs": [ { "name": "", "type": "uint256", "value": "8" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "majorityMargin", "outputs": [ { "name": "", "type": "int256", "value": "0" } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [ { "name": "minimumQuorumForProposals", "type": "uint256" }, { "name": "minutesForDebate", "type": "uint256" }, { "name": "marginOfVotesForMajority", "type": "int256" } ], "name": "changeVotingRules", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [ { "name": "targetMember", "type": "address" }, { "name": "memberName", "type": "string" } ], "name": "addMember", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [ { "name": "beneficiary", "type": "address" }, { "name": "etherAmount", "type": "uint256" }, { "name": "jobDescription", "type": "string" }, { "name": "uploadFileHash", "type": "string" }, { "name": "transactionBytecode", "type": "bytes" } ], "name": "newProposalInEther", "outputs": [ { "name": "proposalID", "type": "uint256" } ], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [ { "name": "proposalNumber", "type": "uint256" }, { "name": "supportsProposal", "type": "bool" }, { "name": "justificationText", "type": "string" } ], "name": "vote", "outputs": [ { "name": "voteID", "type": "uint256" } ], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [ { "name": "memberName", "type": "string" } ], "name": "becomeMember", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [ { "name": "proposalNumber", "type": "uint256" }, { "name": "beneficiary", "type": "address" }, { "name": "weiAmount", "type": "uint256" }, { "name": "transactionBytecode", "type": "bytes" } ], "name": "checkProposalCode", "outputs": [ { "name": "codeChecksOut", "type": "bool", "value": true } ], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [ { "name": "newOwner", "type": "address" } ], "name": "transferOwnership", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "inputs": [], "payable": true, "stateMutability": "payable", "type": "constructor" }, { "payable": true, "stateMutability": "payable", "type": "fallback" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "proposalID", "type": "uint256" }, { "indexed": false, "name": "recipient", "type": "address" }, { "indexed": false, "name": "amount", "type": "uint256" }, { "indexed": false, "name": "description", "type": "string" } ], "name": "ProposalAdded", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "proposalID", "type": "uint256" }, { "indexed": false, "name": "position", "type": "bool" }, { "indexed": false, "name": "voter", "type": "address" }, { "indexed": false, "name": "justification", "type": "string" } ], "name": "Voted", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "proposalID", "type": "uint256" }, { "indexed": false, "name": "result", "type": "int256" }, { "indexed": false, "name": "quorum", "type": "uint256" }, { "indexed": false, "name": "active", "type": "bool" } ], "name": "ProposalTallied", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "member", "type": "address" }, { "indexed": false, "name": "isMember", "type": "bool" } ], "name": "MembershipChanged", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "newMinimumQuorum", "type": "uint256" }, { "indexed": false, "name": "newDebatingPeriodInMinutes", "type": "uint256" }, { "indexed": false, "name": "newMajorityMargin", "type": "int256" } ], "name": "ChangeOfRules", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "sender", "type": "address" }, { "indexed": false, "name": "amount", "type": "uint256" } ], "name": "receivedEther", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": false, "name": "_from", "type": "address" }, { "indexed": false, "name": "_value", "type": "uint256" }, { "indexed": false, "name": "_token", "type": "address" }, { "indexed": false, "name": "_extraData", "type": "bytes" } ], "name": "receivedTokens", "type": "event" } ]; - diff --git a/meetupdao/UI/web3/images/roadmap.jpg b/meetupdao/UI/web3/images/roadmap.jpg deleted file mode 100644 index 8304c10..0000000 Binary files a/meetupdao/UI/web3/images/roadmap.jpg and /dev/null differ diff --git a/meetupdao/UI/web3/images/roadmap1.jpg b/meetupdao/UI/web3/images/roadmap1.jpg deleted file mode 100644 index 8bbdce7..0000000 Binary files a/meetupdao/UI/web3/images/roadmap1.jpg and /dev/null differ diff --git a/meetupdao/UI/web3/index.html b/meetupdao/UI/web3/index.html deleted file mode 100644 index 1bb2402..0000000 --- a/meetupdao/UI/web3/index.html +++ /dev/null @@ -1,206 +0,0 @@ - - -DAO - - - - - - - - - - - -
-
- MEETUP DAO - -
- - - JOIN DAO - - ROADMAP - PROPOSALS - MEMBERS - - -
- - - - - -
-
- - - - - -
-
-
- -
-
-


- How to Build a
COMMUNITY
on Blockchain

- - -
-


















- -
- - -
- - -
-

What is DAO!!!

- -

In the Ethereum ecosystem, there is no discrimination against robots or humans and contracts can create arbitrary actions like any other account would. Contracts can own tokens, participate in crowdsales, and even be voting members of other contracts. - DAO is a business or organization whose decisions are made electronically by a written computer code or through the vote of its members. In essence it is a system of hard coded rules that define which actions an organization will take

- -DAOs aim to hard-code certain rules that a company would from the get-go. This could be setting aside a certain percentage of earnings for a cause or determining a process by which such a rule could be changed.

-
- - - -
-

HOW THIS DAO WORKS!!!

- -

The way this particular democracy works is that it has an Owner which works like an administrator, CEO or a President. The Owner can add (or remove) voting members to the organization. Any member can make a proposal, which is in the form of an ethereum transaction to either send ether or execute some contract, and other members can vote in support or against the proposal. Once a predetermined amount of time and a certain number of members has voted, the proposal can be executed: the contract counts the votes and if there are enough votes it will execute the given transaction.

-
- - -
-
- Want to join the Community? Just enter your name below and join, its as simple as that
- - -
-
-
-
- - - Short of Ether?? - Buildings - -

-

No worries.
Visit the link given below and follow the steps mentioned there to get rinkeby test ethers.

- Click here to get ether. - - - - -
-
-
- - - - -
-

HOW TO CREATE A PROPOSAL

-
-
-
-
-
-
-
-
-
- -
-
-

ROADMAP

- -
- - - - - - - - - - diff --git a/meetupdao/UI/web3/members.html b/meetupdao/UI/web3/members.html deleted file mode 100644 index abac42d..0000000 --- a/meetupdao/UI/web3/members.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - DAO Members - - - - - - - - -
- -
-

MEMBERS OF DAO

-
- - - - - - diff --git a/meetupdao/UI/web3/proposals.js b/meetupdao/UI/web3/proposals.js deleted file mode 100644 index f330da0..0000000 --- a/meetupdao/UI/web3/proposals.js +++ /dev/null @@ -1,176 +0,0 @@ - - function previewHash(hash){ - var dialog = document.getElementById('window'); - dialog.show(); - document.getElementById('exit').onclick = function() { - dialog.close(); - }; - - - - var preview = document.querySelector('img'); - var xhttp = new XMLHttpRequest(); - xhttp.onreadystatechange = function() { - if (this.readyState == 4 && this.status == 200) { - // Typical action to be performed when the document is ready: - preview.src = xhttp.responseText; - } - }; - xhttp.open("GET", "http://swarm-gateways.net/bzz:/" + hash, true); - xhttp.send(); - - } - - function uploadToSwarm() { - var fileHash; - var preview = document.querySelector('img'); - var file = document.querySelector('input[type=file]').files[0]; - if(file==undefined){ - fileHash = ""; - console.log(fileHash); - newProposalInEther(fileHash); - } - else{ - var reader = new FileReader(); - - reader.addEventListener("load", function () { - //preview.src = reader.result; - var xhr = new XMLHttpRequest(); - xhr.open("POST", "http://swarm-gateways.net/bzz:/", true); - xhr.setRequestHeader('Content-Type', 'text/plain'); - xhr.send(reader.result); - xhr.onload = function() { - hash = this.responseText; - console.log(hash); - fileHash = String(hash); - newProposalInEther(fileHash); - } - - }, false); - - if (file) { - reader.readAsDataURL(file); - } - } - } - - -function newProposalInEther(newFileHash){ - - var beneficiary=document.getElementById("beneficiary").value; - var etherAmount=document.getElementById("etherAmount").value; - var jobDescription=document.getElementById("jobDescription").value; - var transactionBytecode=document.getElementById("transactionBytecode").value; - - var myTokenContract = web3.eth.contract(abi).at(address); - return myTokenContract.newProposalInEther(beneficiary, etherAmount, jobDescription, newFileHash, transactionBytecode, function (error, result) {}) - - } - - -function executeProposal(proposalNumberValue){ - - // console.log("function successfully loladed"); - // var proposalNumber=document.getElementById("proposalNumber").value; - var proposalNumber = proposalNumberValue; - var transactionBytecode=document.getElementById("transactionBytecode").value; - - var myTokenContract = web3.eth.contract(abi).at(address); - return myTokenContract.executeProposal(proposalNumber, transactionBytecode, function (error, result) {}) - - } - - - function vote(proposalNumberValue){ - - var proposalNumber = proposalNumberValue; - var idYes = "supportsProposal_" + proposalNumber + "_yes"; - var idNo = "supportsProposal_" + proposalNumber + "_no"; - var idJustificationText = "justificationText_" + proposalNumber; - var yes=document.getElementById(idYes).checked; - var no= document.getElementById(idNo).checked; - if(yes==true) - var supportsProposal = 1; - else if(no==true) - var supportsProposal = -1; - - var justificationText=document.getElementById(idJustificationText).value; - - var myTokenContract = web3.eth.contract(abi).at(address); - return myTokenContract.vote(proposalNumber, supportsProposal, justificationText, function (error, result) {}) - } - - -function getProposals(){ - var myTokenContract = web3.eth.contract(abi).at(address); - - myTokenContract.totalProposals(function(error,result){ - var totalProposals = result.c[0]; - for(var i = 0; i < totalProposals; i++){ - const proposalNumber = i; - myTokenContract.proposals(i, function(error,result){ - //console.log(result); - - var a1 = '
Benificiary Address : '; - var recipient = result[0]; - //############################################################################## - //execute proposal button - // var a2 = '

'; - //############################################################################## - //############################################################################## - var a2 = '

'; - var a21 = '

'; - //########################################################################### - var message = result[2]; - // var imageFromHash = ''; - - - var voteButton1 = '

Vote
Support Proposal     Justification for Your Response
YesNo          
'; - - var a3 = '

Proposal No.: '; - - var a4 = 'Votes  : Total Votes: '; - var totalVotes = result[7].c[0]; - var a5 = '      Current Status: '; - //var currentStatus = result[8].c[0] * result[8].s; - var hash = result[3]; - var preview_but = '' - if (result[3]){; - preview_but = ''; - } - - var currentStatus = result[8].c[0]; - var a6 = '


'; - - if (result[8].s < 0) { - currentStatus = -currentStatus; - } - - //execute button - //var input = a1+recipient+a2+proposalNumber+a21+message+preview_but+voteButton1+proposalNumber+voteButton2+proposalNumber+voteButton3+proposalNumber+voteButton4+proposalNumber+voteButton5+a3+proposalNumber+a4+totalVotes+a5+currentStatus+a6; - - var input = a1+recipient+a2+preview_but+a21+message+voteButton1+proposalNumber+voteButton2+proposalNumber+voteButton3+proposalNumber+voteButton4+proposalNumber+voteButton5+a3+proposalNumber+a4+totalVotes+a5+currentStatus+a6; - var mydiv = document.getElementById("parent"); - var newDiv = document.createElement('div'); - newDiv.innerHTML = input; - while (newDiv.firstChild) { - mydiv.appendChild(newDiv.firstChild); - } - - - }) - } - }) - -} - -getProposals(); \ No newline at end of file diff --git a/meetupdao/UI/web3/stylesheet.css b/meetupdao/UI/web3/stylesheet.css deleted file mode 100644 index 72dd636..0000000 --- a/meetupdao/UI/web3/stylesheet.css +++ /dev/null @@ -1,54 +0,0 @@ -.proposalCard { - box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.2); - transition: 0.3s; - width: 40%; - margin-left: 5%; - margin-right: 5% ; - background-color: white; - padding-top: 30px; - padding-bottom: 30px; - padding-left: 40px; - padding-right: 50px; - width: 80%; - } - - .proposalCard:hover { - box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2); - } - - .container { - padding: 2px 16px; - } - - -.card{ - box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.2); - transition: 0.3s; - float: left; - margin-left: 2%; - margin-right: 2%; - margin-bottom: 2%; - background-color: white; - padding-top: 30px; - padding-bottom: 30px; - padding-left: 20px; - padding-right: 20px; - width: 18%; -} - -.card:hover { - box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2); -} - -.container { - padding: 2px 16px; -} - -.clearfix::after { - content: ""; - clear: both; - display: table; -} - - -