xx1000 on lecture-notes

hello world

Sun, 17 Sep 2023 07:44:00 +0700

chart.js animation with svg svg diagram youtube image table link list equation quote bold & italics 1st section 2nd section 3rd section chart.js Link to heading animation with svg Link to heading svg Link to heading diagram Link to heading flowchart LR B --> I & P --> O & E B(("Begin")) I[/"Input"/] P["Process"] O[/"Output"/] E(("End")) flowchart LR B --> I --> P --> O --> E B(("Begin")) I[/"Input"/] P["

svg rect

Fri, 15 Sep 2023 19:43:00 +0700

predefined shapes svg rect, width, height rect, x, y rect, stroke, color, opacity (fill: none) rect, fill, color, opacity rect, animate rect, rotate rect, scale predefined shapes Link to heading There are at least seven predefined SVG shape elements that can be used, which are rectangle, circle, ellipse, line, polyline, polygon, and path (W3Schools, 2023). Here the first shape element is presented, rectangle rect element. svg Link to heading Default values width="300" height="150" rect, width, height Link to heading Code {{< html >}} <svg style="background: #eee;"> <rect width="50" height="50"></rect> </svg> {{< /html >}} Result rect, x, y Link to heading Code {{< html >}} <svg style="background: #eee;"> <rect x="80" y="40" width="50" height="50"></rect> </svg> {{< /html >}} Result rect, stroke, color, opacity (fill: none) Link to heading Code {{< html >}} <svg style="background: #eee;"> <rect x="40" y="25" width="100" height="60" style=" stroke: blue; stroke-width: 2px; fill: none;"> </rect> <rect x="70" y="45" width="100" height="60" style=" stroke: blue; stroke-width: 2px; fill: none;"> </rect> <rect x="120" y="65" width="100" height="60" style=" stroke: blue; stroke-width: 2px; stroke-opacity: 0.

shortcode html

Fri, 15 Sep 2023 17:30:00 +0700

description test notes description Link to heading Include pure HTML with CSS and JS in a Markdown post using shortcode. test Link to heading Following is a SVG image whose border is added using JS Sorry, your browser does not support inline SVG. Hello, World! with the lines of code are {{< html >}} <svg id="fig1" height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> Sorry, your browser does not support inline SVG.

html css js

Tue, 12 Sep 2023 05:32:00 +0700

an example html html + CSS (int) html + CSS (ext) html + JS (int) html + JS (ext) html + CSS (ext) + JS (ext) challenges notes an example Link to heading A HTML file can be supported by CSS and JS. html Link to heading Pure HTML having following structure <html> <head> <title>HTML only</title> </head> <body> <h1>Introduction</h1> <p>..</p> <h2>Some information</h2> <p>..</p> <h3>First information</h3> <p>..</p> <h3>Last information</h3> <p>..</p> <h2>Closing information</h2> <p>.

collecting sand

Mon, 11 Sep 2023 20:22:00 +0700

13-sep 11-sep 10-sep notes 13-sep Link to heading Air Prim-A Diamod Hills Pantai Kuta url https://maps.app.goo.gl/15Vk8yLzJExE484j8 11-sep Link to heading Teh Botol Tebing Atuh-Diamond url https://maps.app.goo.gl/eGewk2tHQPQKFiZZ9 Air Alfamart Pantai Atuh url https://maps.app.goo.gl/3tJLGeLU5G7amvE19 Air Aqua Molenteng Pelabuhan Buyuk url https://maps.app.goo.gl/4XuzYF1YHgMU4PV8A 10-sep Link to heading Air Indomaret Pantai Pandawa url https://maps.app.goo.gl/iCEzRns3TKcx4QoF8 notes Link to heading Category is only temporary and subject to change. It would be related to independent study-like course or something.

hugo-chart

Sun, 10 Sep 2023 04:20:00 +0700

result refs test result Link to heading refs Link to heading hugo-chat (Shen et al., 2023) test Link to heading {{< chart 90 200 >}} { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: 'Bar Chart', data: [12, 19, 18, 16, 13, 14], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.

hugo shortcode numpad

Sat, 09 Sep 2023 10:48:00 +0700

result markdown shortcode javascript result Link to heading A numpad only for numbers is can be built as follow markdown Link to heading Put following line in a Markdown file {{< numpad >}} shortcode Link to heading It is save in layouts/shortcode/numpad.html {{ $js := resources.Get "js/numpad.js" }} {{ $file := $js | resources.Minify }} {{ $url := $file.Permalink | relURL }} <script type="text/javascript" src="{{ $url }}"></script> <div id="numpad"></div> <script> numpad(); </script> javascript Link to heading It is saved in assets/js/numpad.

hugo shortcode button

Sat, 09 Sep 2023 05:05:00 +0700

introduction partials javascript button code result to-do introduction Link to heading Hugo Shortcodes are specialized markdown syntax that can be used to extend basic markdown, which can be considered as templates that can be called from Hugo markdown files to add HTML snippets to the final rendered HTML (Hicks, 2020). Shortcodes are add short snippets of Hugo code, Markdown, or HTML to a page (Chef, 2023). Shortcodes are simple snippets inside the content files calling built-in or custom templates (Lahoti, 2020).

google drive short intro

Mon, 04 Sep 2023 17:44:00 +0700

google drive web vs desktop pros and cons be aware of prohibited content web apps used (most) daily google drive Link to heading It is an online strorage solution launched by Google in April 2012, which is primarily used for file storage and backup, but it is also a popular tool for project collaboration by bussinesses, schools, and individuals (Stephenson, 2021). It is a cloud-based storage solution that allows you to save files online and access them anywhere or upload files and edit them online from any smartphone, tablet, or computer securely (Nolledo, 2020).

docx4svg v1

Sat, 02 Sep 2023 20:35:00 +0700

A Microsoft Word 2007 document can be converted into SVG image using online conversion tools, where one of them is GroupDocs, which is a cloud-based document management and collaboration software that enables user to collaborate and share various documents with functionality to annotate, display, compare, e-sign, convert, and assamble documents (Lavi, 2022). an example Link to heading Figure 1 shows an example, which is available at docx4svg/fff2f3e2.

hugo-chart xy scatter

Mon, 01 Jan 0001 00:00:00 +0000

result refs test result Link to heading refs Link to heading hugo-chat (Shen et al., 2023) https://stackoverflow.com/a/36954310/9475509 test Link to heading {{< chart 80 300 >}} { type: 'scatter', data: { datasets: [ { label: 'wander = 0', pointRadius: 4, pointBackgroundColor: "rgba(255,0,0,0.5)", showLine: true, fill: false, borderColor: "rgba(255,0,0,0.5)", lineTension: 0.0, data: [ {x: 10, y:0.020}, {x: 20, y:0.030}, {x: 30, y:0.095}, {x: 40, y:0.155}, {x: 50, y:0.175}, {x: 60, y:0.