<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>PUNKS.MY - Malaysia's Historical NFT</title>
<!-- mCustomScrollbar -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">
<!-- Waves Effect -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/waves/waves.min.css">
<!-- Sweet Alert -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/sweet-alert/sweetalert.css">
<!-- Percent Circle -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/percircle/css/percircle.css">
<!-- Chartist Chart -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/chart/chartist/chartist.min.css">
<!-- FullCalendar -->
<link rel="stylesheet" href="https://punks.my/assets/plugin/fullcalendar/fullcalendar.min.css">
<link rel="stylesheet" href="https://punks.my/assets/plugin/fullcalendar/fullcalendar.print.css" media='print'>
<!-- Main Styles -->
<link rel="stylesheet" href="https://punks.my/assets/styles/style.css">
<link id="custom-color-themes" rel="stylesheet" href="/assets/styles/color/red.min.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<!-- App CSS Override -->
<link rel="stylesheet" href="/css/app.css">
<script src="https://punks.my/js/ethers-5.2.umd.min.js" type="application/javascript"></script>
</head>
<body>
<header class="header">
<div class="user">
<div class="control-wrap js__drop_down">
<i class="fa fa-caret-down js__drop_down_button"></i>
<div class="control-list">
<div class="control-item"><a href="#"><i class="fa fa-user"></i> Profile</a></div>
<div class="control-item"><a href="#"><i class="fa fa-gear"></i> Settings</a></div>
<div class="control-item"><a href="#"><i class="fa fa-sign-out"></i> Log out</a></div>
</div>
<!-- /.control-list -->
</div>
<!-- /.control-wrap -->
</div>
<!-- /.user -->
</header>
<!-- /.header -->
<div class="main-menu">
<header class="header">
<a href="/" class="logo" style="font-family:Poppins;font-weight:bolder;font-size:36px;"><img src="/img/punksmy-white.png" width="80%" style="margin-bottom:5px"></a>
<button type="button" class="button-close fa fa-times js__menu_close"></button>
<div class="user">
<a href="#" class="avatar" onclick="signMetamask()"><img src="/img/metamask.webp" alt=""><span class=""></span></a>
<h5 class="name"><a href="#" onclick="signMetamask()">Connect</a></h5>
<h5 class="position">to Metamask</h5>
<!-- /.name -->
<!-- /.control-wrap -->
</div>
<!-- /.user -->
</header>
<!-- /.header -->
<div class="content">
<div class="navigation">
<h5 class="title">Main</h5>
<!-- /.title -->
<ul class="menu js__accordion">
<li>
<a class="waves-effect active" href="/"><i class="menu-icon fa fa-info-circle"></i><span>About</span></a>
</li>
<li>
<a class="waves-effect " href="/home"><i class="menu-icon fa fa-home"></i><span>Dashboard</span></a>
</li>
<li>
<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon fa fa-book"></i><span>Punks Collection</span><span class="menu-arrow fa fa-angle-down"></span></a>
<ul class="sub-menu js__content" >
<li class="mono"><a href="https://punks.my/punks/100">0001-0100 </a></li>
<li class="mono"><a href="https://punks.my/punks/200">0101-0200</a></li>
<li class="mono"><a href="https://punks.my/punks/300">0201-0300</a></li>
<li class="mono"><a href="https://punks.my/punks/400">0301-0400</a></li>
<li class="mono"><a href="https://punks.my/punks/500">0401-0500</a></li>
<li class="mono"><a href="https://punks.my/punks/600">0501-0600</a></li>
<li class="mono"><a href="https://punks.my/punks/700">0601-0700</a></li>
<li class="mono"><a href="https://punks.my/punks/800">0701-0800</a></li>
<li class="mono"><a href="https://punks.my/punks/900">0801-0900</a></li>
<li class="mono"><a href="https://punks.my/punks/1000">0901-1000</a></li>
<li class="mono"><a href="/all">ALL</a></li>
</ul>
<!-- /.sub-menu js__content -->
</li>
</ul>
<!-- /.menu js__accordion -->
<h5 class="title">Filters</h5>
<ul class="menu js__accordion">
<li>
<a class="waves-effect " href="https://punks.my/punks-filtered/sold"><i class="menu-icon fa fa-star"></i><span>Sold</span></a>
</li>
<li>
<a class="waves-effect " href="https://punks.my/punks-filtered/unsold"><i class="menu-icon fa fa-gavel"></i><span>Unsold</span></a>
</li>
<li style="display:none">
<a class="waves-effect " href="https://punks.my/punks-filtered/cheapest"><i class="menu-icon fa fa-sort-amount-asc"></i><span>Cheapest</span></a>
</li>
</ul>
<h5 class="title">Statistics</h5>
<ul class="menu js__accordion">
<li>
<a class="waves-effect " href="https://punks.my/top-collectors"><i class="menu-icon fa fa-trophy"></i><span>Leaderboard</span></a>
</li>
<li>
<a class="waves-effect " href="https://punks.my/highest-views"><i class="menu-icon fa fa-area-chart"></i><span>Highest Views</span></a>
</li>
<li style="display:none">
<a class="waves-effect " href="https://punks.my/most-expensive" href="http://punks.my/most-expensive"><i class="menu-icon fa fa-money"></i><span>Most Expensive</span></a>
</li>
</ul>
<h5 class="title">OpenSea</h5>
<ul class="menu js__accordion">
<li>
<a class="waves-effect" href="https://opensea.io/collection/punks-malaysia" target="_blank"><i class="menu-icon fa fa-ship"></i><span>OpenSea Collection</span></a>
</li>
<li>
<a class="waves-effect" href="https://opensea.io/collection/punks-malaysia?search[toggles][0]=IS_LISTED" target="_blank"><i class="menu-icon fa fa-shopping-cart"></i><span>Listed For Sale</span></a>
</li>
<li>
<a class="waves-effect" href="https://opensea.io/collection/punks-malaysia?search[sortAscending]=false&search[toggles][0]=IS_LISTED" target="_blank"><i class="menu-icon fa fa-sort-amount-desc"></i><span>High to Low</span></a>
</li>
<li>
<a class="waves-effect" href="https://opensea.io/collection/punks-malaysia/activity" target="_blank"><i class="menu-icon fa fa-align-center"></i><span>Activity</span></a>
</li>
</ul>
<h5 class="title">Etherscan</h5>
<ul class="menu js__accordion">
<li>
<a class="waves-effect" href="https://etherscan.io/token/0x858eb2898f754694044b5af056256399ba327af3#code" target="_blank"><i class="menu-icon fa fa-edit"></i><span>Punks Contract</span></a>
</li>
<li>
<a class="waves-effect" href="https://etherscan.io/token/0x858eb2898f754694044b5af056256399ba327af3#balances" target="_blank"><i class="menu-icon fa fa-rocket"></i><span>Hodlers</span></a>
</li>
<li>
<a class="waves-effect" href="https://etherscan.io/token/0x858eb2898f754694044b5af056256399ba327af3#inventory" target="_blank"><i class="menu-icon fa fa-tasks"></i><span>Inventories</span></a>
</li>
<li>
<a target="_blank" class="waves-effect" href="https://etherscan.io/token/0x858eb2898f754694044b5af056256399ba327af3#tokenNFTTrade"><i class="menu-icon fa fa-history"></i><span>Sales History</span></a>
</li>
</ul>
<h5 class="title">Fun</h5>
<ul class="menu js__accordion">
<li>
<a class="waves-effect" href="/all"><i class="menu-icon fa fa-building"></i><span>All Punks</span></a>
</li>
<li>
<a class="waves-effect" href="/all?native=1"><i class="menu-icon fa fa-building"></i><span>All Punks (Native)</span></a>
</li>
<li>
<a class="waves-effect" href="/gacha"><i class="menu-icon fa fa-random"></i><span>Gacha Punks</span></a>
</li>
</ul>
</div>
<!-- /.navigation -->
</div>
<!-- /.content -->
</div>
<!-- /.main-menu -->
<div class="fixed-navbar ">
<div class="pull-left">
<button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
<h1 class="page-title"></h1>
<!-- /.page-title -->
</div>
<!-- /.pull-left -->
</div>
<!-- /.fixed-navbar -->
<div id="wrapper">
<div class="main-content">
<div align="center"><img src="/img/punksmy.png" width="90%" style="margin-bottom:20px"></div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Original</h4>
<!-- /.box-title -->
<img src="/img/100punks/0000.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>The legendary collection of @punksmalaysia will be talked about in the history of Malaysia's NFT scene. Designed and drawn custom one by one if 1000 iconic figures in Malaysia.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Historical</h4>
<!-- /.box-title -->
<img src="/img/100punks/0091.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>The 1st NFT projects with a public bill board exposure in Malaysia for 1 year during the NFT craze. Almost everyone saw the billboard.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Controversial</h4>
<!-- /.box-title -->
<img src="/img/100punks/0090.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>Punks has been ridicule, bullied, and plagirised by a lot of haters. Pentas has banned our BNB-Chain collection for their own benefit. Hence we moved to ETH blockchain becoming independant of centralization.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">On-Chain SVG</h4>
<!-- /.box-title -->
<img src="/img/100punks/0096.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>No more worrying about loosing your NFT. On-chain metadata and image are stored on the blockchain for eternity.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Optimized Pixel Coding</h4>
<!-- /.box-title -->
<img src="/img/100punks/0086.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>Each pixel will be carefully optimzed in the SVG markup minimizing storage on the blockchain. It's a coder artist's art & it's green! We're saving space!</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Ethereum Blockchain</h4>
<!-- /.box-title -->
<img src="/img/100punks/0097.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>Unlike immitation blockchain or 2nd layer temporal solution designed for DeFi high frequency TX, we believe REAL NFT should be in the chain where longevity is assured.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Future Perks</h4>
<!-- /.box-title -->
<img src="/img/100punks/0035.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p>Owning our punks gives great benefits for future projects and our long term dedication to the NFT scene and private access.</p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">Project Roadmap</h4>
<!-- /.box-title -->
<img src="/img/100punks/0045.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
<p><li>Original Punks Malaysia</li></p>
<p><li>Gacha Punks Unlimited</li></p>
<p><li>NFT.MY Marketplace</li></p>
<p><li>KBSM Collection</li></p>
</div>
<!-- /.box-content -->
</div>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="box-content">
<h4 class="box-title">2024 Resurrection</h4>
<!-- /.box-title -->
<img src="/img/100punks/0036.gif" width="33%" style="image-rendering:pixelated;float:right" class="flip">
We are proud to still be working on this NFT collection for the future of NFT scene. With the NFT scene quieting right now, we still strive to keep this collection alive. Future perks will be coming to Punk hodlers.
</div>
<!-- /.box-content -->
</div>
</div>
</div>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/script/html5shiv.min.js"></script>
<script src="assets/script/respond.min.js"></script>
<![endif]-->
<!--
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://punks.my/assets/scripts/jquery.min.js"></script>
<script src="https://punks.my/assets/scripts/modernizr.min.js"></script>
<script src="https://punks.my/assets/plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="https://punks.my/assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="https://punks.my/assets/plugin/nprogress/nprogress.js"></script>
<script src="https://punks.my/assets/plugin/sweet-alert/sweetalert.min.js"></script>
<script src="https://punks.my/assets/plugin/waves/waves.min.js"></script>
<!-- Full Screen Plugin -->
<script src="https://punks.my/assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>
<!-- Percent Circle -->
<script src="https://punks.my/assets/plugin/percircle/js/percircle.js"></script>
<!-- Google Chart -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<!-- Chartist Chart -->
<script src="https://punks.my/assets/plugin/chart/chartist/chartist.min.js"></script>
<script src="https://punks.my/assets/scripts/chart.chartist.init.min.js"></script>
<!-- FullCalendar -->
<script src="https://punks.my/assets/plugin/moment/moment.js"></script>
<script src="https://punks.my/assets/plugin/fullcalendar/fullcalendar.min.js"></script>
<script src="https://punks.my/assets/scripts/fullcalendar.init.js"></script>
<script src="https://punks.my/assets/scripts/main.min.js"></script>
<script>
async function signMetamask() {
if (typeof window.ethereum == 'undefined') {
alert("Please install Metamask");
return false;
};
const provider = new ethers.providers.Web3Provider(window.ethereum)
const signer = provider.getSigner()
const accts = await ethereum.request({
method: 'eth_requestAccounts'
});
const currentAddress = accts[0];
nonce = getRandomInt();
message = 'punks.my:' + nonce;
console.log(currentAddress);
signature = await signer.signMessage(message);
console.log(signature);
window.location = ('/verify/' + currentAddress + '/' + signature + '/' + nonce);
}
function getRandomInt() {
return Math.floor(Math.random() * 9999999999);
}
function randomInteger(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M374JF434J"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-M374JF434J');
</script></body>
</html>