Carson CarsonSlovoka

## demo.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                CarsonSlovoka
                / demo.md
            
            
              Created
              April 30, 2024 06:23
            
              
                lng, lat, r在一個經緯度的位置，顯示半徑r的圓圈
              
          
## HelloStats
Country, Language, Total, Has Ranking, CI Build Ok, Total %, Has Ranking %, CI Build Ok %

Global, All, 2520, 2405, 2027, 100,00 %, 100,00 %, 100,00 %
Global, Java, 551, 526, 458, 21,87 %, 21,87 %, 22,59 %
Global, Python, 525, 505, 446, 20,83 %, 21,00 %, 22,00 %
Global, C# / Mono, 334, 319, 290, 13,25 %, 13,26 %, 14,31 %
Global, JavaScript, 251, 235, 211, 9,96 %, 9,77 %, 10,41 %
Global, C++, 184, 183, 152, 7,30 %, 7,61 %, 7,50 %
Global, C, 141, 127, 113, 5,60 %, 5,28 %, 5,57 %
Global, Ruby, 98, 95, 81, 3,89 %, 3,95 %, 4,00 %

## ref-carson-carousel.html
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 沒有補上用調整大小或者設定成其他手機尺寸的時候，效果會不如預期 -->
<style>

  /* 外層屬性可以對slot有影響，如果元件裡面有定義該屬性也是會被直接取代(以外層定義的為主)，即便用了important也是一樣 */
  .item {
    color: red;
  }
</style>
<body>
<h2>範例一</h2>

## Carousel.html
<!--
https://www.w3schools.com/bootstrap/bootstrap_carousel.asp
-->
<style>
  .carousel-container {
    position: relative;
    display: flex;
    align-items: center;

    /* background-image: linear-gradient(45deg, rgba(231, 49, 97, 1) 10%, rgba(236, 107, 34, 1), rgb(182, 163, 70)); 太亮 */

## foramt_date_array.js
<script>
  function formatDateRange(dateArray) {
    if (dateArray.length < 2) {
      return dateArray
    }

    const result = dateArray.reduce((acc, curDateStr, index, array) => {
      const curDate = new Date(curDateStr)

      if (acc.rangeEnd && curDate === acc.rangeEnd) {

## calendar.js
/**
 * @typedef {Object} CalendarOptions
 * @property {function(Calendar): void} execute
 */

/**
 * @typedef {Object} StyleOptions
 * @property {(style: Object)=>{}} execute
 */

## calendar.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vote</title>
</head>
<body>

<form action="/vote/" method="post">

## calendar.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vote</title>
  <style>
    #calendar {
      display: none;
      position: absolute;

## demo.go
/*
USAGE:
-guild=987654321987654321 -token=xxxxx.oooo -rmcmd=true

腳本說明:
當使用者輸入 `/joke` 指令，可以選擇要看哪一則笑話(由chatgpt所提供)，
看完之後會出現一個按鈕，可以查看下一則笑話(已經到尾就再從頭開始)
*/

package main

## markMap.vue
<!--
Usage:
<markMap>
<pre>
Root
  group1
    sub1
    <a href=''>sub2</a>
    msg
      hello <span class="green">world</span>
	Country, Language, Total, Has Ranking, CI Build Ok, Total %, Has Ranking %, CI Build Ok %

	Global, All, 2520, 2405, 2027, 100,00 %, 100,00 %, 100,00 %
	Global, Java, 551, 526, 458, 21,87 %, 21,87 %, 22,59 %
	Global, Python, 525, 505, 446, 20,83 %, 21,00 %, 22,00 %
	Global, C# / Mono, 334, 319, 290, 13,25 %, 13,26 %, 14,31 %
	Global, JavaScript, 251, 235, 211, 9,96 %, 9,77 %, 10,41 %
	Global, C++, 184, 183, 152, 7,30 %, 7,61 %, 7,50 %
	Global, C, 141, 127, 113, 5,60 %, 5,28 %, 5,57 %
	Global, Ruby, 98, 95, 81, 3,89 %, 3,95 %, 4,00 %
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 沒有補上用調整大小或者設定成其他手機尺寸的時候，效果會不如預期 -->
	<style>

	/* 外層屬性可以對slot有影響，如果元件裡面有定義該屬性也是會被直接取代(以外層定義的為主)，即便用了important也是一樣 */
	.item {
	color: red;
	}
	</style>
	<body>
	<h2>範例一</h2>
	<!--
	https://www.w3schools.com/bootstrap/bootstrap_carousel.asp
	-->
	<style>
	.carousel-container {
	position: relative;
	display: flex;
	align-items: center;

	/* background-image: linear-gradient(45deg, rgba(231, 49, 97, 1) 10%, rgba(236, 107, 34, 1), rgb(182, 163, 70)); 太亮 */
	<script>
	function formatDateRange(dateArray) {
	if (dateArray.length < 2) {
	return dateArray
	}

	const result = dateArray.reduce((acc, curDateStr, index, array) => {
	const curDate = new Date(curDateStr)

	if (acc.rangeEnd && curDate === acc.rangeEnd) {
	/**
	* @typedef {Object} CalendarOptions
	* @property {function(Calendar): void} execute
	*/

	/**
	* @typedef {Object} StyleOptions
	* @property {(style: Object)=>{}} execute
	*/
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Vote</title>
	</head>
	<body>

	<form action="/vote/" method="post">
	/*
	USAGE:
	-guild=987654321987654321 -token=xxxxx.oooo -rmcmd=true

	腳本說明:
	當使用者輸入 `/joke` 指令，可以選擇要看哪一則笑話(由chatgpt所提供)，
	看完之後會出現一個按鈕，可以查看下一則笑話(已經到尾就再從頭開始)
	*/

	package main
	<!--
	Usage:
	<markMap>
	<pre>
	Root
	group1
	sub1
	<a href=''>sub2</a>
	msg
	hello <span class="green">world</span>