const{Fragment:e,jsx:n,jsxs:l}=arguments[0];function _createMdxContent(s){const r={a:"a",br:"br",code:"code",em:"em",figcaption:"figcaption",figure:"figure",h1:"h1",h2:"h2",h3:"h3",h6:"h6",p:"p",pre:"pre",span:"span",strong:"strong",...s.components},{Callout:a,Image:o}=r;return a||_missingMdxReference("Callout",!0),o||_missingMdxReference("Image",!0),l(e,{children:[n(r.h1,{id:"markdown-syntax-guide",children:n(r.a,{className:"subheading-anchor",href:"#markdown-syntax-guide",children:"Markdown syntax guide"})}),"\n",n(o,{width:"500",height:"500",src:"/static/car-image-1-64f270.jpg"}),"\n",n(r.h2,{id:"headers",children:n(r.a,{className:"subheading-anchor",href:"#headers",children:"Headers"})}),"\n",n(a,{type:"danger",children:n(r.p,{children:"Hello im callout"})}),"\n",n(r.h1,{id:"this-is-a-heading-h1",children:n(r.a,{className:"subheading-anchor",href:"#this-is-a-heading-h1",children:"This is a Heading h1"})}),"\n",n(r.h2,{id:"this-is-a-heading-h2",children:n(r.a,{className:"subheading-anchor",href:"#this-is-a-heading-h2",children:"This is a Heading h2"})}),"\n",n(r.h6,{id:"this-is-a-heading-h6",children:n(r.a,{className:"subheading-anchor",href:"#this-is-a-heading-h6",children:"This is a Heading h6"})}),"\n",n(r.h2,{id:"emphasis",children:n(r.a,{className:"subheading-anchor",href:"#emphasis",children:"Emphasis"})}),"\n",l(r.p,{children:[n(r.em,{children:"This text will be italic"}),n(r.br,{}),"\n",n(r.em,{children:"This will also be italic"})]}),"\n",l(r.p,{children:[n(r.strong,{children:"This text will be bold"}),n(r.br,{}),"\n",n(r.strong,{children:"This will also be bold"})]}),"\n",n(r.p,{children:l(r.em,{children:["You ",n(r.strong,{children:"can"})," combine them"]})}),"\n",n(r.p,{children:"The activities I am currently doing is taking an Independent Study program on The Data Scientist Track at the Startup Campus, which was organized by the Ahmad Zaky Foundation under the auspices of the “Kampus Merdeka” of the Ministry of Education and Culture. I am happy to participate in this activity, since I can explore data science in a more structured manner. From this program, I was finally able to meet experienced mentors and study partners, two things that I really need in exploring the world of data science. Apart from this Independent Study program, I am also taking one class on campus on distributed system subject. I chose this subject because I still love coding, and this subject is the right choice. I also need this subject, because it is a prerequisite for the Cloud Computing subject that I want to take in the next semester."}),"\n",n(r.p,{children:"Other activities I am currently doing are taking courses for Google Data Analytics Professional Certification at Coursera, courses for Data Analyst Career Track at Datacamp, and The AWS Machine Learning nanodegree program at Udacity. It’s quite tiring indeed, but I’m very happy and excited because I learned a lot of new knowledge from taking many of these courses, and especially because the courses I took were scholarships so I felt more responsible to complete them."}),"\n",n(r.p,{children:"I have worked on several projects related to data science and web development, you can see them in the projects section. But now, for data science projects, I’m currently looking for inspiration by finding updated/trending datasets as subject of my analysis, I’m also learning about deep learning since its projects are widely known interesting. For Web Dev projects, I really want to create a website forum to share coding knowledge where everyone can access and contribute for free."}),"\n",n(r.p,{children:"For refreshing and relaxation, I usually listen to music (i like slow rock, pop, 80’s-90’s song, etc), watch movies or youtube, or sometimes play guitar. Since most of my daily activities are sitting in front of the screen, to improve blood circulation and avoid obesity, I try to make time for exercice(sports) as much as possible, such as jogging and swimming. In my spare time I also try to take the time to write posts here, and for other platforms such as medium(soon)."}),"\n",n(r.h2,{id:"list",children:n(r.a,{className:"subheading-anchor",href:"#list",children:"List"})}),"\n",n(r.h3,{id:"list-2",children:n(r.a,{className:"subheading-anchor",href:"#list-2",children:"List 2"})}),"\n",n(r.h2,{id:"blocks-of-code",children:n(r.a,{className:"subheading-anchor",href:"#blocks-of-code",children:"Blocks of code"})}),"\n",n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{tabIndex:"0","data-language":"jsx","data-theme":"andromeeda",raw:"\"use client\";\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { FaCopy } from \"react-icons/fa\";\n \nconst buttonClasses = 'flex items-center text-xs px-1.5 py-1 font-medium text-white rounded border border-white';\n \ninterface CopyButtonProps {\n text: string;\n className?: string;\n}\n \nconst CopyButton: React.FC = ({ text, className }) => {\n const [isCopied, setIsCopied] = useState(false);\n \n const copy = async () => {\n await navigator.clipboard.writeText(text);\n console.log(text);\n setIsCopied(true);\n \n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n };\n \n return (\n \n {/* */}\n {isCopied ? 'Copied!' : 'Copy'}\n \n );\n};\n \nexport default CopyButton;",children:l(r.code,{"data-language":"jsx","data-theme":"andromeeda",style:{display:"grid"},children:[l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#96E072"},children:'"use client"'}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"import"}),n(r.span,{style:{color:"#00E8C6"},children:" React"}),n(r.span,{style:{color:"#D5CED9"},children:", { "}),n(r.span,{style:{color:"#00E8C6"},children:"useState"}),n(r.span,{style:{color:"#D5CED9"},children:" } "}),n(r.span,{style:{color:"#C74DED"},children:"from"}),n(r.span,{style:{color:"#96E072"},children:" 'react'"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"import"}),n(r.span,{style:{color:"#00E8C6"},children:" clsx"}),n(r.span,{style:{color:"#C74DED"},children:" from"}),n(r.span,{style:{color:"#96E072"},children:" 'clsx'"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"import"}),n(r.span,{style:{color:"#D5CED9"},children:" { "}),n(r.span,{style:{color:"#00E8C6"},children:"FaCopy"}),n(r.span,{style:{color:"#D5CED9"},children:" } "}),n(r.span,{style:{color:"#C74DED"},children:"from"}),n(r.span,{style:{color:"#96E072"},children:' "react-icons/fa"'}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"const"}),n(r.span,{style:{color:"#00E8C6"},children:" buttonClasses"}),n(r.span,{style:{color:"#EE5D43"},children:" ="}),n(r.span,{style:{color:"#96E072"},children:" 'flex items-center text-xs px-1.5 py-1 font-medium text-white rounded border border-white'"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"interface"}),n(r.span,{style:{color:"#FFE66D"},children:" CopyButtonProps"}),n(r.span,{style:{color:"#D5CED9"},children:" {"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#00E8C6"},children:" text"}),n(r.span,{style:{color:"#EE5D43"},children:":"}),n(r.span,{style:{color:"#C74DED"},children:" string"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#00E8C6"},children:" className"}),n(r.span,{style:{color:"#EE5D43"},children:"?:"}),n(r.span,{style:{color:"#C74DED"},children:" string"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#D5CED9"},children:"}"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"const"}),n(r.span,{style:{color:"#FFE66D"},children:" CopyButton"}),n(r.span,{style:{color:"#EE5D43"},children:":"}),n(r.span,{style:{color:"#FFE66D"},children:" React"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"FC"}),n(r.span,{style:{color:"#D5CED9"},children:"<"}),n(r.span,{style:{color:"#FFE66D"},children:"CopyButtonProps"}),n(r.span,{style:{color:"#D5CED9"},children:"> "}),n(r.span,{style:{color:"#EE5D43"},children:"="}),n(r.span,{style:{color:"#D5CED9"},children:" ({ "}),n(r.span,{style:{color:"#00E8C6"},children:"text"}),n(r.span,{style:{color:"#D5CED9"},children:", "}),n(r.span,{style:{color:"#00E8C6"},children:"className"}),n(r.span,{style:{color:"#D5CED9"},children:" }) "}),n(r.span,{style:{color:"#C74DED"},children:"=>"}),n(r.span,{style:{color:"#D5CED9"},children:" {"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:" const"}),n(r.span,{style:{color:"#D5CED9"},children:" ["}),n(r.span,{style:{color:"#00E8C6"},children:"isCopied"}),n(r.span,{style:{color:"#D5CED9"},children:", "}),n(r.span,{style:{color:"#00E8C6"},children:"setIsCopied"}),n(r.span,{style:{color:"#D5CED9"},children:"] "}),n(r.span,{style:{color:"#EE5D43"},children:"="}),n(r.span,{style:{color:"#FFE66D"},children:" useState"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#EE5D43"},children:"false"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:" const"}),n(r.span,{style:{color:"#FFE66D"},children:" copy"}),n(r.span,{style:{color:"#EE5D43"},children:" ="}),n(r.span,{style:{color:"#C74DED"},children:" async"}),n(r.span,{style:{color:"#D5CED9"},children:" () "}),n(r.span,{style:{color:"#C74DED"},children:"=>"}),n(r.span,{style:{color:"#D5CED9"},children:" {"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:" await"}),n(r.span,{style:{color:"#F39C12"},children:" navigator"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#F39C12"},children:"clipboard"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"writeText"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#00E8C6"},children:"text"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#F39C12"},children:" console"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"log"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#00E8C6"},children:"text"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" setIsCopied"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#EE5D43"},children:"true"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" setTimeout"}),n(r.span,{style:{color:"#D5CED9"},children:"(() "}),n(r.span,{style:{color:"#C74DED"},children:"=>"}),n(r.span,{style:{color:"#D5CED9"},children:" {"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" setIsCopied"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#EE5D43"},children:"false"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#D5CED9"},children:" }, "}),n(r.span,{style:{color:"#F39C12"},children:"2500"}),n(r.span,{style:{color:"#D5CED9"},children:");"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#D5CED9"},children:" };"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:" return"}),n(r.span,{style:{color:"#D5CED9"},children:" ("})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#D5CED9"},children:" <"}),n(r.span,{style:{color:"#F92672"},children:"button"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" disabled"}),n(r.span,{style:{color:"#EE5D43"},children:"="}),n(r.span,{style:{color:"#D5CED9"},children:"{"}),n(r.span,{style:{color:"#00E8C6"},children:"isCopied"}),n(r.span,{style:{color:"#D5CED9"},children:"}"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" onClick"}),n(r.span,{style:{color:"#EE5D43"},children:"="}),n(r.span,{style:{color:"#D5CED9"},children:"{"}),n(r.span,{style:{color:"#00E8C6"},children:"copy"}),n(r.span,{style:{color:"#D5CED9"},children:"}"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:" className"}),n(r.span,{style:{color:"#EE5D43"},children:"="}),n(r.span,{style:{color:"#D5CED9"},children:"{"}),n(r.span,{style:{color:"#FFE66D"},children:"clsx"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#00E8C6"},children:"buttonClasses"}),n(r.span,{style:{color:"#D5CED9"},children:", "}),n(r.span,{style:{color:"#00E8C6"},children:"className"}),n(r.span,{style:{color:"#D5CED9"},children:")}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#D5CED9"},children:" >"})}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#D5CED9"},children:" {"}),n(r.span,{style:{color:"#A0A1A7CC"},children:'/* */'}),n(r.span,{style:{color:"#D5CED9"},children:"}"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#D5CED9"},children:" <"}),n(r.span,{style:{color:"#F92672"},children:"span"}),n(r.span,{style:{color:"#D5CED9"},children:">{"}),n(r.span,{style:{color:"#00E8C6"},children:"isCopied"}),n(r.span,{style:{color:"#EE5D43"},children:" ?"}),n(r.span,{style:{color:"#96E072"},children:" 'Copied!'"}),n(r.span,{style:{color:"#EE5D43"},children:" :"}),n(r.span,{style:{color:"#96E072"},children:" 'Copy'"}),n(r.span,{style:{color:"#D5CED9"},children:"}"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#D5CED9"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#D5CED9"},children:" );"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#D5CED9"},children:"};"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#C74DED"},children:"export"}),n(r.span,{style:{color:"#C74DED"},children:" default"}),n(r.span,{style:{color:"#00E8C6"},children:" CopyButton"}),n(r.span,{style:{color:"#D5CED9"},children:";"})]})]})})}),"\n",n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{tabIndex:"0","data-language":"python","data-theme":"andromeeda",raw:'print("Hello, World!")',children:n(r.code,{"data-language":"python","data-theme":"andromeeda",style:{display:"grid"},children:l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFE66D"},children:"print"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#96E072"},children:'"Hello, World!"'}),n(r.span,{style:{color:"#D5CED9"},children:")"})]})})})}),"\n",l(r.figure,{"data-rehype-pretty-code-figure":"",children:[n(r.figcaption,{"data-rehype-pretty-code-title":"","data-language":"ts","data-theme":"andromeeda",children:"ajx.js"}),n(r.pre,{tabIndex:"0","data-language":"ts","data-theme":"andromeeda",raw:"console.log('Not highlighted')\nconsole.log('Highlighted') // [!code highlight]\nconsole.log('Not highlighted')",children:l(r.code,{"data-language":"ts","data-theme":"andromeeda",style:{display:"grid"},children:[l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#00E8C6"},children:"console"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"log"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#96E072"},children:"'Not highlighted'"}),n(r.span,{style:{color:"#D5CED9"},children:")"})]}),"\n",l(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#00E8C6"},children:"console"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"log"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#96E072"},children:"'Highlighted'"}),n(r.span,{style:{color:"#D5CED9"},children:") "}),n(r.span,{style:{color:"#A0A1A7CC"},children:"// [!code highlight]"})]}),"\n",l(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#00E8C6"},children:"console"}),n(r.span,{style:{color:"#D5CED9"},children:"."}),n(r.span,{style:{color:"#FFE66D"},children:"log"}),n(r.span,{style:{color:"#D5CED9"},children:"("}),n(r.span,{style:{color:"#96E072"},children:"'Not highlighted'"}),n(r.span,{style:{color:"#D5CED9"},children:")"})]})]})})]})]})}return{default:function(e={}){const{wrapper:l}=e.components||{};return l?n(l,{...e,children:n(_createMdxContent,{...e})}):_createMdxContent(e)}};function _missingMdxReference(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}

Nextjs Posts

Test Project Hari Senin

Categories

Tags