☰

GithubCard

生成Github的简介卡片

  1. // ==UserScript==
  2. // @name         GithubCard
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  生成Github的简介卡片
  6. // @connect      avatars.githubusercontent.com
  7. // @grant        GM_xmlhttpRequest
  8. // @author       ljs-2002
  9. // @icon         https://github.githubassets.com/favicons/favicon.svg
  10. // @match        https://github.com/*/*
  11. // ==/UserScript==
  12.  
  13. (function () {
  14.     'use strict';
  15.  
  16.     class _repoName {
  17.         constructor(ownerName, repoName) {
  18.             this.ownerName = ownerName,
  19.                 this.repoName = repoName,
  20.                 this.fullName = ownerName + '/' + repoName
  21.         }
  22.  
  23.         url() {
  24.             return "https://api.github.com/repos/" + this.fullName
  25.         }
  26.     }
  27.  
  28.     async function getFromAPI(url, type) {
  29.         try {
  30.             const response = await fetch(url);
  31.             const data = await response.json();
  32.             return data; // 使用async/await来获取解决值并作为函数a()的返回值
  33.         } catch (error) {
  34.             console.error("请求出错:", error);
  35.             throw error; // 在此抛出错误，以确保调用函数的地方可以捕获到错误
  36.         }
  37.     }
  38.  
  39.     class GithubInfo {
  40.         constructor(info_dict) {
  41.  
  42.             this.repo_name = info_dict.name
  43.             this.repo_href = info_dict.html_url
  44.             this.tag_href = this.repo_href + '/tags'
  45.             this.star_href = this.repo_href + '/stargazers'
  46.             this.fork_href = this.repo_href + '/forks'
  47.             this.owner = info_dict.owner
  48.             this.description = info_dict.description
  49.             this.stars_count = String(info_dict.stargazers_count)
  50.             this.language = info_dict.language
  51.             this.forks_count = String(info_dict.forks_count)
  52.             this.license = info_dict.license ? info_dict.license.spdx_id : undefined
  53.             if (this.license !== undefined){
  54.                 this.license_href = this.repo_href + '/blob/' + info_dict.default_branch + '/LICENSE'
  55.                 if(this.license === 'NOASSERTION'){
  56.                     this.license = 'Custom-License'
  57.                 }
  58.             }
  59.             this.tag_count ='0'
  60.             this.topics = info_dict.topics
  61.  
  62.         }
  63.  
  64.     }
  65.  
  66.     function getRepoName() {
  67.         var owner_repo = /github.com\/([^/]+)\/([^/]+)/i
  68.         // 获取当前页面的URL
  69.         var currentUrl = window.location.href;
  70.         var matches = currentUrl.match(owner_repo)
  71.         if (matches) {
  72.             var ownerName = matches[1]
  73.             var repoName = matches[2]
  74.         }else{
  75.             throw new Error("can't matches current repo name!")
  76.         }
  77.         return new _repoName(ownerName, repoName)
  78.     }
  79.  
  80.     function renderEmoji(desc) {
  81.         // Split the string using lookbehind and lookahead regex pattern
  82.         const chunks = desc.split(/(?<=\s)|(?=\s)/);
  83.     
  84.         // Define a dictionary mapping symbols to emojis (assuming it's defined somewhere in the code)
  85.         const emoji = {":+1:": "👍", ":100:": "💯", ":1234:": "🔢",
  86.         ":8ball:": "🎱", ":a:": "🅰️", ":ab:": "🆎", 
  87.         ":abc:": "🔤", ":abcd:": "🔡", ":accept:": "🉑", 
  88.         ":aerial_tramway:": "🚡", ":airplane:": "✈️", 
  89.         ":alarm_clock:": "⏰", ":alien:": "👽", 
  90.         ":ambulance:": "🚑", ":anchor:": "⚓️", 
  91.         ":angel:": "👼", ":anger:": "💢", 
  92.         ":angry:": "😠", ":anguished:": "😧", 
  93.         ":ant:": "🐜", ":apple:": "🍎", 
  94.         ":aquarius:": "♒️", ":aries:": "♈️", 
  95.         ":arrow_backward:": "◀️", ":arrow_double_down:": "⏬", 
  96.         ":arrow_double_up:": "⏫", ":arrow_down:": "⬇️", 
  97.         ":arrow_down_small:": "🔽", ":arrow_forward:": "▶️", 
  98.         ":arrow_heading_down:": "⤵️", ":arrow_heading_up:": "⤴️", 
  99.         ":arrow_left:": "⬅️", ":arrow_lower_left:": "↙️", 
  100.         ":arrow_lower_right:": "↘️", ":arrow_right:": "➡️", 
  101.         ":arrow_right_hook:": "↪️", ":arrow_up:": "⬆️", 
  102.         ":arrow_up_down:": "↕️", ":arrow_up_small:": "🔼", 
  103.         ":arrow_upper_left:": "↖️", ":arrow_upper_right:": "↗️", 
  104.         ":arrows_clockwise:": "🔃", ":arrows_counterclockwise:": "🔄", 
  105.         ":art:": "🎨", ":articulated_lorry:": "🚛", ":astonished:": "😲", 
  106.         ":athletic_shoe:": "👟", ":atm:": "🏧", ":b:": "🅱️", ":baby:": "👶", 
  107.         ":baby_bottle:": "🍼", ":baby_chick:": "🐤", ":baby_symbol:": "🚼", 
  108.         ":back:": "🔙", ":baggage_claim:": "🛄", ":balloon:": "🎈", 
  109.         ":ballot_box_with_check:": "☑️", ":bamboo:": "🎍", 
  110.         ":banana:": "🍌", ":bangbang:": "‼️", ":bank:": "🏦", 
  111.         ":bar_chart:": "📊", ":barber:": "💈", ":baseball:": "⚾️", 
  112.         ":basketball:": "🏀", ":bath:": "🛀", ":bathtub:": "🛁", 
  113.         ":battery:": "🔋", ":bear:": "🐻", ":bee:": "🐝", ":beer:": "🍺", 
  114.         ":beers:": "🍻", ":beetle:": "🐞", ":beginner:": "🔰", ":bell:": "🔔", 
  115.         ":bento:": "🍱", ":bicyclist:": "🚴", ":bike:": "🚲", ":bikini:": "👙", 
  116.         ":bird:": "🐦", ":birthday:": "🎂", ":black_circle:": "⚫️", 
  117.         ":black_joker:": "🃏", ":black_large_square:": "⬛️", 
  118.         ":black_medium_small_square:": "◾️", ":black_medium_square:": "◼️", 
  119.         ":black_nib:": "✒️", ":black_small_square:": "▪️", 
  120.         ":black_square_button:": "🔲", ":blossom:": "🌼", 
  121.         ":blowfish:": "🐡", ":blue_book:": "📘", ":blue_car:": "🚙", 
  122.         ":blue_heart:": "💙", ":blush:": "😊", ":boar:": "🐗", 
  123.         ":boat:": "⛵️", ":bomb:": "💣", ":book:": "📖", ":bookmark:": "🔖", 
  124.         ":bookmark_tabs:": "📑", ":books:": "📚", ":boom:": "💥", 
  125.         ":boot:": "👢", ":bouquet:": "💐", ":bow:": "🙇", 
  126.         ":bow_and_arrow:": "🏹", ":bowing_man:": "🙇", 
  127.         ":bowing_woman:": "🙇\u200D♀", ":bowling:": "🎳",
  128.         ":bowtie:": "", ":boy:": "👦", ":bread:": "🍞", 
  129.         ":bride_with_veil:": "👰", ":bridge_at_night:": "🌉", 
  130.         ":briefcase:": "💼", ":broken_heart:": "💔", ":bug:": "🐛", 
  131.         ":bulb:": "💡", ":bullettrain_front:": "🚅", 
  132.         ":bullettrain_side:": "🚄", ":bus:": "🚌", ":busstop:": "🚏", 
  133.         ":bust_in_silhouette:": "👤", ":busts_in_silhouette:": "👥", 
  134.         ":cactus:": "🌵", ":cake:": "🍰", ":calendar:": "📆", 
  135.         ":calling:": "📲", ":camel:": "🐫", ":camera:": "📷", ":canada:": "🇨🇦", 
  136.         ":canary_islands:": "🇮🇨", ":cancer:": "♋️", 
  137.         ":candle:": "🕯", ":candy:": "🍬", ":capital_abcd:": "🔠", 
  138.         ":capricorn:": "♑️", ":car:": "🚗", ":card_index:": "📇", 
  139.         ":carousel_horse:": "🎠", ":cat:": "🐱", ":cat2:": "🐈", 
  140.         ":cd:": "💿", ":chart:": "💹", ":chart_with_downwards_trend:": "📉", 
  141.         ":chart_with_upwards_trend:": "📈", ":checkered_flag:": "🏁", 
  142.         ":cherries:": "🍒", ":cherry_blossom:": "🌸", ":chestnut:": "🌰", 
  143.         ":chicken:": "🐔", ":children_crossing:": "🚸", ":chocolate_bar:": "🍫", 
  144.         ":christmas_tree:": "🎄", ":church:": "⛪️", ":cinema:": "🎦", 
  145.         ":circus_tent:": "🎪", ":city_sunrise:": "🌇", ":city_sunset:": "🌆", 
  146.         ":cl:": "🆑", ":clap:": "👏", ":clapper:": "🎬", ":clipboard:": "📋", 
  147.         ":clock1:": "🕐", ":clock10:": "🕙", ":clock1030:": "🕥", 
  148.         ":clock11:": "🕚", ":clock1130:": "🕦", ":clock12:": "🕛", 
  149.         ":clock1230:": "🕧", ":clock130:": "🕜", ":clock2:": "🕑", 
  150.         ":clock230:": "🕝", ":clock3:": "🕒", ":clock330:": "🕞", 
  151.         ":clock4:": "🕓", ":clock430:": "🕟", ":clock5:": "🕔", 
  152.         ":clock530:": "🕠", ":clock6:": "🕕", ":clock630:": "🕡", 
  153.         ":clock7:": "🕖", ":clock730:": "🕢", ":clock8:": "🕗", 
  154.         ":clock830:": "🕣", ":clock9:": "🕘", ":clock930:": "🕤", 
  155.         ":closed_book:": "📕", ":closed_lock_with_key:": "🔐", 
  156.         ":closed_umbrella:": "🌂", ":cloud:": "☁️", ":clubs:": "♣️", 
  157.         ":cn:": "🇨🇳", ":cocktail:": "🍸", ":coffee:": "☕️", ":cold_sweat:": "😰", 
  158.         ":collision:": "💥", ":computer:": "💻", ":confetti_ball:": 
  159.         "🎊", ":confounded:": "😖", ":confused:": "😕", ":congratulations:": "㊗️", 
  160.         ":construction:": "🚧", ":construction_worker:": "👷", 
  161.         ":convenience_store:": "🏪", ":cookie:": "🍪", ":cool:": "🆒", 
  162.         ":cop:": "👮", ":copyright:": "©️", ":corn:": "🌽", ":couple:": "👫", 
  163.         ":couple_with_heart:": "💑", ":cow:": "🐮", ":cow2:": "🐄", 
  164.         ":credit_card:": "💳", ":crescent_moon:": "🌙", ":crocodile:": "🐊", 
  165.         ":crossed_flags:": "🎌", ":crown:": "👑", ":cry:": "😢", 
  166.         ":crying_cat_face:": "😿", ":crystal_ball:": "🔮", ":cupid:": "💘", 
  167.         ":curly_loop:": "➰", ":currency_exchange:": "💱", ":curry:": "🍛", 
  168.         ":custard:": "🍮", ":customs:": "🛃", ":cyclone:": "🌀", ":dancer:": "💃", 
  169.         ":dancers:": "👯", ":dango:": "🍡", ":dart:": "🎯", ":dash:": "💨", 
  170.         ":date:": "📅", ":de:": "🇩🇪", ":deciduous_tree:": "🌳", 
  171.         ":department_store:": "🏬", ":diamond_shape_with_a_dot_inside:": "💠", 
  172.         ":diamonds:": "♦️", ":disappointed:": "😞", ":disappointed_relieved:": "😥", 
  173.         ":dizzy:": "💫", ":dizzy_face:": "😵", ":do_not_litter:": "🚯", 
  174.         ":dog:": "🐶", ":dog2:": "🐕", ":dollar:": "💵", ":dolls:": "🎎", 
  175.         ":dolphin:": "🐬", ":door:": "🚪", ":doughnut:": "🍩", ":dragon:": "🐉", 
  176.         ":dragon_face:": "🐲", ":dress:": "👗", ":dromedary_camel:": "🐪", 
  177.         ":droplet:": "💧", ":dvd:": "📀", ":e-mail:": "📧", ":ear:": "👂", 
  178.         ":ear_of_rice:": "🌾", ":earth_africa:": "🌍", ":earth_americas:": "🌎", 
  179.         ":earth_asia:": "🌏", ":egg:": "🥚", ":eggplant:": "🍆", ":eight:": "8️⃣", 
  180.         ":eight_pointed_black_star:": "✴️", ":eight_spoked_asterisk:": "✳️", 
  181.         ":electric_plug:": "🔌", ":elephant:": "🐘", ":email:": "✉️", 
  182.         ":end:": "🔚", ":envelope:": "✉️", ":envelope_with_arrow:": "📩", 
  183.         ":es:": "🇪🇸", ":euro:": "💶", ":european_castle:": "🏰", 
  184.         ":european_post_office:": "🏤", ":evergreen_tree:": "🌲", 
  185.         ":exclamation:": "❗️", ":expressionless:": "😑", ":eyeglasses:": "👓", 
  186.         ":eyes:": "👀", ":facepunch:": "👊", ":factory:": "🏭", 
  187.         ":fallen_leaf:": "🍂", ":family:": "👪", ":fast_forward:": "⏩", 
  188.         ":fax:": "📠", ":fearful:": "😨", ":feelsgood:": "", 
  189.         ":feet:": "🐾", ":ferris_wheel:": "🎡", ":file_folder:": "📁", 
  190.         ":finnadie:": "", ":fire:": "🔥", ":fire_engine:": "🚒", 
  191.         ":fireworks:": "🎆", ":first_quarter_moon:": "🌓", ":first_quarter_moon_with_face:": "🌛", 
  192.         ":fish:": "🐟", ":fish_cake:": "🍥", ":fishing_pole_and_fish:": "🎣", ":fist:": "✊", 
  193.         ":five:": "5️⃣", ":flags:": "🎏", ":flashlight:": "🔦", ":flipper:": "🐬", 
  194.         ":floppy_disk:": "💾", ":flower_playing_cards:": "🎴", ":flushed:": "😳", 
  195.         ":foggy:": "🌁", ":football:": "🏈", ":footprints:": "👣", ":fork_and_knife:": "🍴", 
  196.         ":fountain:": "⛲️", ":four:": "4️⃣", ":four_leaf_clover:": "🍀", ":fr:": "🇫🇷", 
  197.         ":free:": "🆓", ":fried_shrimp:": "🍤", ":fries:": "🍟", ":frog:": "🐸", 
  198.         ":frowning:": "😦", ":fu:": "🖕", ":fuelpump:": "⛽️", ":full_moon:": "🌕", 
  199.         ":full_moon_with_face:": "🌝", ":game_die:": "🎲", ":gb:": "🇬🇧", ":gem:": "💎", 
  200.         ":gemini:": "♊️", ":ghost:": "👻", ":gift:": "🎁", ":gift_heart:": "💝", 
  201.         ":girl:": "👧", ":globe_with_meridians:": "🌐", ":goat:": "🐐", ":goberserk:": "", 
  202.         ":godmode:": "", ":golf:": "⛳️", ":grapes:": "🍇", ":green_apple:": "🍏", ":green_book:": "📗", 
  203.         ":green_heart:": "💚", ":grey_exclamation:": "❕", ":grey_question:": "❔", ":grimacing:": "😬", ":grin:": "😁", 
  204.         ":grinning:": "😀", ":guardsman:": "💂", ":guitar:": "🎸", ":gun:": "🔫", ":haircut:": "💇", ":hamburger:": "🍔", 
  205.         ":hammer:": "🔨", ":hamster:": "🐹", ":hand:": "✋", ":handbag:": "👜", ":hankey:": "💩", ":hash:": "#️⃣", ":hatched_chick:": "🐥", 
  206.         ":hatching_chick:": "🐣", ":headphones:": "🎧", ":hear_no_evil:": "🙉", ":heart:": "❤️", ":heart_decoration:": "💟", 
  207.         ":heart_eyes:": "😍", ":heart_eyes_cat:": "😻", ":heartbeat:": "💓", ":heartpulse:": "💗", ":hearts:": "♥️", 
  208.         ":heavy_check_mark:": "✔️", ":heavy_division_sign:": "➗", ":heavy_dollar_sign:": "💲", ":heavy_exclamation_mark:": "❗️", 
  209.         ":heavy_minus_sign:": "➖", ":heavy_multiplication_x:": "✖️", ":heavy_plus_sign:": "➕", 
  210.         ":helicopter:": "🚁", ":herb:": "🌿", ":hibiscus:": "🌺", ":high_brightness:": "🔆", 
  211.         ":high_heel:": "👠", ":hocho:": "🔪", ":honey_pot:": "🍯", ":honeybee:": "🐝", ":horse:": "🐴", 
  212.         ":horse_racing:": "🏇", ":hospital:": "🏥", ":hotel:": "🏨", ":hotsprings:": "♨️", ":hourglass:": "⌛️", 
  213.         ":hourglass_flowing_sand:": "⏳", ":house:": "🏠", ":house_with_garden:": "🏡", ":hurtrealbad:": "", 
  214.         ":hushed:": "😯", ":ice_cream:": "🍨", ":icecream:": "🍦", ":id:": "🆔", ":ideograph_advantage:": "🉐", 
  215.         ":imp:": "👿", ":inbox_tray:": "📥", ":incoming_envelope:": "📨", ":information_desk_person:": "💁", 
  216.         ":information_source:": "ℹ️", ":innocent:": "😇", ":interrobang:": "⁉️", ":iphone:": "📱", ":it:": "🇮🇹", 
  217.         ":izakaya_lantern:": "🏮", ":jack_o_lantern:": "🎃", ":japan:": "🗾", ":japanese_castle:": "🏯", ":japanese_goblin:": "👺", 
  218.         ":japanese_ogre:": "👹", ":jeans:": "👖", ":joy:": "😂", ":joy_cat:": "😹", ":jp:": "🇯🇵", ":key:": "🔑", 
  219.         ":keycap_ten:": "🔟", ":kimono:": "👘", ":kiss:": "💋", ":kissing:": "😗", ":kissing_cat:": "😽", 
  220.         ":kissing_closed_eyes:": "😚", ":kissing_heart:": "😘", ":kissing_smiling_eyes:": "😙", ":koala:": "🐨", 
  221.         ":koko:": "🈁", ":kr:": "🇰🇷", ":lantern:": "🏮", ":large_blue_circle:": "🔵", ":large_blue_diamond:": "🔷", 
  222.         ":large_orange_diamond:": "🔶", ":last_quarter_moon:": "🌗", ":last_quarter_moon_with_face:": "🌜", 
  223.         ":laughing:": "😆", ":leaves:": "🍃", ":ledger:": "📒", ":left_luggage:": "🛅", ":left_right_arrow:": "↔️", 
  224.         ":leftwards_arrow_with_hook:": "↩️", ":lemon:": "🍋", ":leo:": "♌️", ":leopard:": "🐆", ":libra:": "♎️", 
  225.         ":light_rail:": "🚈", ":link:": "🔗", ":lips:": "👄", ":lipstick:": "💄", ":lock:": "🔒", 
  226.         ":lock_with_ink_pen:": "🔏", ":lollipop:": "🍭", ":loop:": "➿", ":loud_sound:": "🔊", 
  227.         ":loudspeaker:": "📢", ":love_hotel:": "🏩", ":love_letter:": "💌", ":low_brightness:": "🔅", 
  228.         ":m:": "Ⓜ️", ":mag:": "🔍", ":mag_right:": "🔎", ":mahjong:": "🀄️", ":mailbox:": "📫", 
  229.         ":mailbox_closed:": "📪", ":mailbox_with_mail:": "📬", ":mailbox_with_no_mail:": "📭", 
  230.         ":man:": "👨", ":man_with_gua_pi_mao:": "👲", ":man_with_turban:": "👳", ":mans_shoe:": "👞", 
  231.         ":maple_leaf:": "🍁", ":mask:": "😷", ":massage:": "💆", ":meat_on_bone:": "🍖", ":mega:": "📣", 
  232.         ":melon:": "🍈", ":memo:": "📝", ":mens:": "🚹", ":metal:": "🤘", ":metro:": "🚇", ":microphone:": 
  233.         "🎤", ":microscope:": "🔬", ":milky_way:": "🌌", ":minibus:": "🚐", ":minidisc:": "💽", 
  234.         ":mobile_phone_off:": "📴", ":money_with_wings:": "💸", ":moneybag:": "💰", ":monkey:": "🐒", 
  235.         ":monkey_face:": "🐵", ":monorail:": "🚝", ":moon:": "🌔", ":mortar_board:": "🎓", ":mount_fuji:": "🗻", 
  236.         ":mountain_bicyclist:": "🚵", ":mountain_cableway:": "🚠", ":mountain_railway:": "🚞", ":mouse:": "🐭", 
  237.         ":mouse2:": "🐁", ":movie_camera:": "🎥", ":moyai:": "🗿", ":muscle:": "💪", ":mushroom:": "🍄", 
  238.         ":musical_keyboard:": "🎹", ":musical_note:": "🎵", ":musical_score:": "🎼", ":mute:": "🔇", ":nail_care:": 
  239.         "💅", ":name_badge:": "📛", ":neckbeard:": "", ":necktie:": "👔", ":negative_squared_cross_mark:": 
  240.         "❎", ":neutral_face:": "😐", ":new:": "🆕", ":new_moon:": "🌑", ":new_moon_with_face:": "🌚", ":newspaper:": 
  241.         "📰", ":ng:": "🆖", ":night_with_stars:": "🌃", ":nine:": "9️⃣", ":no_bell:": "🔕", ":no_bicycles:": "🚳", 
  242.         ":no_entry:": "⛔️", ":no_entry_sign:": "🚫", ":no_good:": "🙅", ":no_mobile_phones:": "📵", ":no_mouth:": "😶", 
  243.         ":no_pedestrians:": "🚷", ":no_smoking:": "🚭", ":non-potable_water:": "🚱", ":nose:": "👃", ":notebook:": "📓", 
  244.         ":notebook_with_decorative_cover:": "📔", ":notes:": "🎶", ":nut_and_bolt:": "🔩", ":o:": "⭕️", ":o2:": "🅾️", 
  245.         ":ocean:": "🌊", ":octocat:": "", ":octopus:": "🐙", ":oden:": "🍢", ":office:": "🏢", ":ok:": "🆗", 
  246.         ":ok_hand:": "👌", ":ok_woman:": "🙆", ":older_man:": "👴", ":older_woman:": "👵", ":on:": "🔛", 
  247.         ":oncoming_automobile:": "🚘", ":oncoming_bus:": "🚍", ":oncoming_police_car:": "🚔", ":oncoming_taxi:": "🚖", 
  248.         ":one:": "1️⃣", ":open_book:": "📖", ":open_file_folder:": "📂", ":open_hands:": "👐", ":open_mouth:": "😮", 
  249.         ":ophiuchus:": "⛎", ":orange_book:": "📙", ":outbox_tray:": "📤", ":ox:": "🐂", ":package:": "📦", 
  250.         ":page_facing_up:": "📄", ":page_with_curl:": "📃", ":pager:": "📟", ":palm_tree:": "🌴", ":panda_face:": "🐼", 
  251.         ":paperclip:": "📎", ":parking:": "🅿️", ":part_alternation_mark:": "〽️", ":partly_sunny:": "⛅️", 
  252.         ":passport_control:": "🛂", ":paw_prints:": "🐾", ":peach:": "🍑", ":pear:": "🍐", ":pencil:": "📝", 
  253.         ":pencil2:": "✏️", ":penguin:": "🐧", ":pensive:": "😔", ":performing_arts:": "🎭", ":persevere:": "😣", 
  254.         ":person_frowning:": "🙍", ":person_with_blond_hair:": "👱", ":person_with_pouting_face:": "🙎", ":phone:": "☎️", 
  255.         ":pig:": "🐷", ":pig2:": "🐖", ":pig_nose:": "🐽", ":pill:": "💊", ":pineapple:": "🍍", ":pisces:": "♓️", 
  256.         ":pizza:": "🍕", ":point_down:": "👇", ":point_left:": "👈", ":point_right:": "👉", ":point_up:": "☝️", 
  257.         ":point_up_2:": "👆", ":police_car:": "🚓", ":poodle:": "🐩", ":poop:": "💩", ":post_office:": "🏣", 
  258.         ":postal_horn:": "📯", ":postbox:": "📮", ":potable_water:": "🚰", ":pouch:": "👝", ":poultry_leg:": "🍗", 
  259.         ":pound:": "💷", ":pouting_cat:": "😾", ":pray:": "🙏", ":princess:": "👸", ":punch:": "👊", 
  260.         ":purple_heart:": "💜", ":purse:": "👛", ":pushpin:": "📌", ":put_litter_in_its_place:": "🚮", ":question:": "❓", 
  261.         ":rabbit:": "🐰", ":rabbit2:": "🐇", ":racehorse:": "🐎", ":radio:": "📻", ":radio_button:": "🔘", 
  262.         ":rage:": "😡", ":rage1:": "", ":rage2:": "", ":rage3:": "", ":rage4:": "", 
  263.         ":railway_car:": "🚃", ":rainbow:": "🌈", ":raised_hand:": "✋", ":raised_hands:": "🙌", ":raising_hand:": "🙋", 
  264.         ":ram:": "🐏", ":ramen:": "🍜", ":rat:": "🐀", ":recycle:": "♻️", ":red_car:": "🚗", ":red_circle:": "🔴", 
  265.         ":registered:": "®️", ":relaxed:": "☺️", ":relieved:": "😌", ":repeat:": "🔁", ":repeat_one:": "🔂", 
  266.         ":restroom:": "🚻", ":revolving_hearts:": "💞", ":rewind:": "⏪", ":ribbon:": "🎀", ":rice:": "🍚", 
  267.         ":rice_ball:": "🍙", ":rice_cracker:": "🍘", ":rice_scene:": "🎑", ":ring:": "💍", ":rocket:": "🚀", 
  268.         ":roller_coaster:": "🎢", ":rooster:": "🐓", ":rose:": "🌹", ":rotating_light:": "🚨", ":round_pushpin:": "📍", 
  269.         ":rowboat:": "🚣", ":ru:": "🇷🇺", ":rugby_football:": "🏉", ":runner:": "🏃", ":running:": "🏃", 
  270.         ":running_shirt_with_sash:": "🎽", ":sa:": "🈂️", ":sagittarius:": "♐️", ":sailboat:": "⛵️", 
  271.         ":sake:": "🍶", ":sandal:": "👡", ":santa:": "🎅", ":satellite:": "📡", ":satisfied:": "😆", 
  272.         ":saxophone:": "🎷", ":school:": "🏫", ":school_satchel:": "🎒", ":scissors:": "✂️", ":scorpius:": "♏️", 
  273.         ":scream:": "😱", ":scream_cat:": "🙀", ":scroll:": "📜", ":seat:": "💺", ":secret:": "㊙️", ":see_no_evil:": "🙈", 
  274.         ":seedling:": "🌱", ":seven:": "7️⃣", ":shaved_ice:": "🍧", ":sheep:": "🐑", ":shell:": "🐚", ":ship:": "🚢", 
  275.         ":shipit:": "", ":shirt:": "👕", ":shit:": "💩", ":shoe:": "👞", ":shower:": "🚿", ":signal_strength:": "📶", 
  276.         ":six:": "6️⃣", ":six_pointed_star:": "🔯", ":ski:": "🎿", ":skull:": "💀", ":sleeping:": "😴", ":sleepy:": "😪", 
  277.         ":slot_machine:": "🎰", ":small_blue_diamond:": "🔹", ":small_orange_diamond:": "🔸", ":small_red_triangle:": "🔺", 
  278.         ":small_red_triangle_down:": "🔻", ":smile:": "😄", ":smile_cat:": "😸", ":smiley:": "😃", ":smiley_cat:": "😺", 
  279.         ":smiling_imp:": "😈", ":smirk:": "😏", ":smirk_cat:": "😼", ":smoking:": "🚬", ":snail:": "🐌", ":snake:": "🐍", 
  280.         ":snowboarder:": "🏂", ":snowflake:": "❄️", ":snowman:": "⛄️", ":sob:": "😭", ":soccer:": "⚽️", ":soon:": "🔜", 
  281.         ":sos:": "🆘", ":sound:": "🔉", ":space_invader:": "👾", ":spades:": "♠️", ":spaghetti:": "🍝", ":sparkle:": "❇️", 
  282.         ":sparkler:": "🎇", ":sparkles:": "✨", ":sparkling_heart:": "💖", ":speak_no_evil:": "🙊", ":speaker:": "🔈", 
  283.         ":speech_balloon:": "💬", ":speedboat:": "🚤", ":squirrel:": "", ":star:": "⭐️", ":star2:": "🌟", ":stars:": "🌠", 
  284.         ":station:": "🚉", ":statue_of_liberty:": "🗽", ":steam_locomotive:": "🚂", ":stew:": "🍲", ":straight_ruler:": "📏", 
  285.         ":strawberry:": "🍓", ":stuck_out_tongue:": "😛", ":stuck_out_tongue_closed_eyes:": "😝", 
  286.         ":stuck_out_tongue_winking_eye:": "😜", ":sun_with_face:": "🌞", ":sunflower:": "🌻", ":sunglasses:": "😎", 
  287.         ":sunny:": "☀️", ":sunrise:": "🌅", ":sunrise_over_mountains:": "🌄", ":surfer:": "🏄", ":sushi:": "🍣", 
  288.         ":suspect:": "", ":suspension_railway:": "🚟", ":sweat:": "😓", ":sweat_drops:": "💦", 
  289.         ":sweat_smile:": "😅", ":sweet_potato:": "🍠", ":swimmer:": "🏊", ":symbols:": "🔣", ":syringe:": "💉", 
  290.         ":tada:": "🎉", ":tanabata_tree:": "🎋", ":tangerine:": "🍊", ":taurus:": "♉️", ":taxi:": "🚕", ":tea:": "🍵", 
  291.         ":telephone:": "☎️", ":telephone_receiver:": "📞", ":telescope:": "🔭", ":tennis:": "🎾", ":tent:": "⛺️", 
  292.         ":thought_balloon:": "💭", ":three:": "3️⃣", ":thumbsdown:": "👎", ":thumbsup:": "👍", ":ticket:": "🎫", 
  293.         ":tiger:": "🐯", ":tiger2:": "🐅", ":tired_face:": "😫", ":tm:": "™️", ":toilet:": "🚽", ":tokyo_tower:": "🗼", 
  294.         ":tomato:": "🍅", ":tongue:": "👅", ":top:": "🔝", ":tophat:": "🎩", ":tractor:": "🚜", ":traffic_light:": "🚥", 
  295.         ":train:": "🚋", ":train2:": "🚆", ":tram:": "🚊", ":triangular_flag_on_post:": "🚩", ":triangular_ruler:": "📐", 
  296.         ":trident:": "🔱", ":triumph:": "😤", ":trolleybus:": "🚎", ":trollface:": "", ":trophy:": "🏆", 
  297.         ":tropical_drink:": "🍹", ":tropical_fish:": "🐠", ":truck:": "🚚", ":trumpet:": "🎺", ":tshirt:": "👕", 
  298.         ":tulip:": "🌷", ":turtle:": "🐢", ":tv:": "📺", ":twisted_rightwards_arrows:": "🔀", ":two:": "2️⃣", 
  299.         ":two_hearts:": "💕", ":two_men_holding_hands:": "👬", ":two_women_holding_hands:": "👭", ":u5272:": "🈹", 
  300.         ":u5408:": "🈴", ":u55b6:": "🈺", ":u6307:": "🈯️", ":u6708:": "🈷️", ":u6709:": "🈶", ":u6e80:": "🈵", 
  301.         ":u7121:": "🈚️", ":u7533:": "🈸", ":u7981:": "🈲", ":u7a7a:": "🈳", ":uk:": "🇬🇧", ":ukraine:": "🇺🇦", ":umbrella:": "☔️", 
  302.         ":unamused:": "😒", ":underage:": "🔞", ":unlock:": "🔓", ":up:": "🆙", ":us:": "🇺🇸", ":us_virgin_islands:": "🇻🇮", 
  303.         ":v:": "✌️", ":vertical_traffic_light:": "🚦", ":vhs:": "📼", ":vibration_mode:": "📳", ":video_camera:": "📹", 
  304.         ":video_game:": "🎮", ":violin:": "🎻", ":virgo:": "♍️", ":volcano:": "🌋", ":vs:": "🆚", ":walking:": "🚶", 
  305.         ":walking_man:": "🚶", ":walking_woman:": "🚶\u200D♀", ":wallis_futuna:": "🇼🇫", ":waning_crescent_moon:": "🌘", 
  306.         ":waning_gibbous_moon:": "🌖", ":warning:": "⚠️", ":watch:": "⌚️", ":water_buffalo:": "🐃", ":watermelon:": "🍉", 
  307.         ":wave:": "👋", ":wavy_dash:": "〰️", ":waxing_crescent_moon:": "🌒", ":waxing_gibbous_moon:": "🌔", ":wc:": "🚾", 
  308.         ":weary:": "😩", ":wedding:": "💒", ":whale:": "🐳", ":whale2:": "🐋", ":wheel_of_dharma:": "☸️", ":wheelchair:": "♿️", 
  309.         ":white_check_mark:": "✅", ":white_circle:": "⚪️", ":white_flower:": "💮", ":white_large_square:": "⬜️", 
  310.         ":white_medium_small_square:": "◽️", ":white_medium_square:": "◻️", ":white_small_square:": "▫️", ":white_square_button:": "🔳", 
  311.         ":wilted_flower:": "🥀", ":wind_chime:": "🎐", ":wind_face:": "🌬", ":wine_glass:": "🍷", ":wink:": "😉", ":wolf:": "🐺", 
  312.         ":woman:": "👩", ":womans_clothes:": "👚", ":womans_hat:": "👒", ":womens:": "🚺", ":world_map:": "🗺", ":worried:": "😟", 
  313.         ":wrench:": "🔧", ":x:": "❌", ":yellow_heart:": "💛", ":yen:": "💴", ":yum:": "😋", ":zap:": "⚡️", ":zero:": "0️⃣", ":zzz:": "💤"}
  314.     
  315.         // Replace chunks with emojis if they exist in the dictionary, otherwise keep them unchanged
  316.         const result = chunks.map(chunk => (emoji[chunk] ? emoji[chunk] : chunk));
  317.     
  318.         // Join the chunks to form the final string
  319.         return result.join('');
  320.     }
  321.  
  322.     function descriptionToLines(description) {
  323.         const svgEntities = {
  324.             '&': '&amp;',
  325.             '<': '&lt;',
  326.             '>': '&gt;',
  327.             '"': '&quot;',
  328.             "'": '&apos;',
  329.             '%': '&#37;',
  330.             '{': '&#123;',
  331.             '}': '&#125;',
  332.             '#': '&#35;',
  333.             '=': '&#61;',
  334.             '(': '&#40;',
  335.             ')': '&#41;',
  336.             ';': '&#59;',
  337.             '/': '&#47;',
  338.             '?': '&#63;',
  339.             '@': '&#64;',
  340.             '^': '&#94;',
  341.             '|': '&#124;',
  342.             '~': '&#126;'
  343.           };
  344.         const wordRe = /[\u4e00-\u9fff]|[a-zA-Z0-9]+(?!=[\u4e00-\u9fff])|[^\u4e00-\u9fff\w\s]|\s/g;
  345.         const words = description.match(wordRe);
  346.         let line = "";
  347.         const lines = [];
  348.         let length = 0;
  349.     
  350.         for (const word of words) {
  351.             var word_len = 0
  352.             if (word.charCodeAt()>255) {
  353.                 word_len = 16;
  354.             } else {
  355.                 for (var i = 0;i<word.length;i++){
  356.                     if (word.charCodeAt(i) >64 && word.charCodeAt(i)<91) {
  357.                         word_len += 10
  358.                     }else{
  359.                         word_len += 8
  360.                     }
  361.                 }
  362.             }
  363.             length += word_len
  364.             if (length > 380) {
  365.                 line = line.replace(/[&<>"'%{}#=();\/?@^|~]/g, match => svgEntities[match]);
  366.                 lines.push(line);
  367.                 line = word;
  368.                 length = word_len;
  369.             }else{
  370.                 line += word;
  371.             }
  372.         }
  373.     
  374.         if (line !== "") {
  375.             line = line.replace(/[&<>"'%{}#=();\/?@^|~]/g, match => svgEntities[match]);
  376.             lines.push(line);
  377.         }
  378.     
  379.         return lines;
  380.     }
  381.  
  382.     function doCreateDescription(description_lines) {
  383.         let y = 86;
  384.         const diff = 21;
  385.         const descript_element =
  386.             '<g fill="#586069" fill-opacity="1" stroke="#586069" stroke-opacity="1" ' +
  387.             'stroke-width="1" stroke-linecap="square" stroke-linejoin="bevel" ' +
  388.             'transform="matrix(1,0,0,1,0,0)">' +
  389.             '<text fill="#586069" fill-opacity="1" stroke="none" x="17" y="{y}" ' +
  390.             'font-family="sans-serif" font-size="14" font-weight="550" font-style="normal">' +
  391.             '{content}</text></g>';
  392.     
  393.         let desc = '';
  394.         for (const line of description_lines) {
  395.             const e = descript_element.replace('{y}', y).replace('{content}', line);
  396.             desc += e;
  397.             y += diff;
  398.         }
  399.     
  400.         return [desc, y - diff];
  401.     }
  402.  
  403.     function createDesc(description){
  404.         var desc_with_emoji = renderEmoji(description)
  405.         var desc_lines = descriptionToLines(desc_with_emoji)
  406.         return doCreateDescription(desc_lines)
  407.     }
  408.  
  409.     function createLanguage(circle_y, language) {
  410.         const language_color_dict = {"1C Enterprise": "#814CCC", "2-Dimensional Array": "#38761D", "4D": "#004289", "ABAP": "#E8274B", "ABAP CDS": "#555e25", "AGS Script": "#B9D9FF", "AIDL": "#34EB6B", "AL": "#3AA2B5", "AMPL": "#E6EFBB", "ANTLR": "#9DC3FF", "API Blueprint": "#2ACCA8", "APL": "#5A8164", "ASP.NET": "#9400ff", "ATS": "#1ac620", "ActionScript": "#882B0F", "Ada": "#02f88c", "Adblock Filter List": "#800000", "Adobe Font Metrics": "#fa0f00", "Agda": "#315665", "Alloy": "#64C800", "Alpine Abuild": "#0D597F", "Altium Designer": "#A89663", "AngelScript": "#C7D7DC", "Ant Build System": "#A9157E", "Antlers": "#ff269e", "ApacheConf": "#d12127", "Apex": "#1797c0", "Apollo Guidance Computer": "#0B3D91", "AppleScript": "#101F1F", "Arc": "#aa2afe", "AsciiDoc": "#73a0c5", "AspectJ": "#a957b0", "Assembly": "#6E4C13", "Astro": "#ff5a03", "Asymptote": "#ff0000", "Augeas": "#9CC134", "AutoHotkey": "#6594b9", "AutoIt": "#1C3552", "Avro IDL": "#0040FF", "Awk": "#c30e9b", "BASIC": "#ff0000", "Ballerina": "#FF5000", "Batchfile": "#C1F12E", "Beef": "#a52f4e", "Berry": "#15A13C", "BibTeX": "#778899", "Bicep": "#519aba", "Bikeshed": "#5562ac", "Bison": "#6A463F", "BitBake": "#00bce4", "Blade": "#f7523f", "BlitzBasic": "#00FFAE", "BlitzMax": "#cd6400", "Bluespec": "#12223c", "Boo": "#d4bec1", "Boogie": "#c80fa0", "Brainfuck": "#2F2530", "BrighterScript": "#66AABB", "Brightscript": "#662D91", "Browserslist": "#ffd539", "C": "#555555", "C#": "#178600", "C++": "#f34b7d", "CAP CDS": "#0092d1", "CLIPS": "#00A300", "CMake": "#DA3434", "COLLADA": "#F1A42B", "CSON": "#244776", "CSS": "#563d7c", "CSV": "#237346", "CUE": "#5886E1", "CWeb": "#00007a", "Cabal Config": "#483465", "Cadence": "#00ef8b", "Cairo": "#ff4a48", "CameLIGO": "#3be133", "Cap'n Proto": "#c42727", "Ceylon": "#dfa535", "Chapel": "#8dc63f", "ChucK": "#3f8000", "Circom": "#707575", "Cirru": "#ccccff", "Clarion": "#db901e", "Clarity": "#5546ff", "Classic ASP": "#6a40fd", "Clean": "#3F85AF", "Click": "#E4E6F3", "Clojure": "#db5855", "Closure Templates": "#0d948f", "Cloud Firestore Security Rules": "#FFA000", "CodeQL": "#140f46", "CoffeeScript": "#244776", "ColdFusion": "#ed2cd6", "ColdFusion CFC": "#ed2cd6", "Common Lisp": "#3fb68b", "Common Workflow Language": "#B5314C", "Component Pascal": "#B0CE4E", "Coq": "#d0b68c", "Crystal": "#000100", "Csound": "#1a1a1a", "Csound Document": "#1a1a1a", "Csound Score": "#1a1a1a", "Cuda": "#3A4E3A", "Curry": "#531242", "Cypher": "#34c0eb", "Cython": "#fedf5b", "D": "#ba595e", "D2": "#526ee8", "DM": "#447265", "Dafny": "#FFEC25", "Darcs Patch": "#8eff23", "Dart": "#00B4AB", "DataWeave": "#003a52", "Debian Package Control File": "#D70751", "DenizenScript": "#FBEE96", "Dhall": "#dfafff", "DirectX 3D File": "#aace60", "Dockerfile": "#384d54", "Dogescript": "#cca760", "Dotenv": "#e5d559", "Dylan": "#6c616e", "E": "#ccce35", "ECL": "#8a1267", "ECLiPSe": "#001d9d", "EJS": "#a91e50", "EQ": "#a78649", "Earthly": "#2af0ff", "Easybuild": "#069406", "Ecere Projects": "#913960", "Ecmarkup": "#eb8131", "EditorConfig": "#fff1f2", "Eiffel": "#4d6977", "Elixir": "#6e4a7e", "Elm": "#60B5CC", "Elvish": "#55BB55", "Elvish Transcript": "#55BB55", "Emacs Lisp": "#c065db", "EmberScript": "#FFF4F3", "Erlang": "#B83998", "Euphoria": "#FF790B", "F#": "#b845fc", "F*": "#572e30", "FIGlet Font": "#FFDDBB", "FLUX": "#88ccff", "Factor": "#636746", "Fancy": "#7b9db4", "Fantom": "#14253c", "Faust": "#c37240", "Fennel": "#fff3d7", "Filebench WML": "#F6B900", "Fluent": "#ffcc33", "Forth": "#341708", "Fortran": "#4d41b1", "Fortran Free Form": "#4d41b1", "FreeBasic": "#141AC9", "FreeMarker": "#0050b2", "Frege": "#00cafe", "Futhark": "#5f021f", "G-code": "#D08CF2", "GAML": "#FFC766", "GAMS": "#f49a22", "GAP": "#0000cc", "GCC Machine Description": "#FFCFAB", "GDScript": "#355570", "GEDCOM": "#003058", "GLSL": "#5686a5", "GSC": "#FF6800", "Game Maker Language": "#71b417", "Gemfile.lock": "#701516", "Gemini": "#ff6900", "Genero": "#63408e", "Genero Forms": "#d8df39", "Genie": "#fb855d", "Genshi": "#951531", "Gentoo Ebuild": "#9400ff", "Gentoo Eclass": "#9400ff", "Gerber Image": "#d20b00", "Gherkin": "#5B2063", "Git Attributes": "#F44D27", "Git Config": "#F44D27", "Git Revision List": "#F44D27", "Gleam": "#ffaff3", "Glyph": "#c1ac7f", "Gnuplot": "#f0a9f0", "Go": "#00ADD8", "Go Checksums": "#00ADD8", "Go Module": "#00ADD8", "Go Workspace": "#00ADD8", "Godot Resource": "#355570", "Golo": "#88562A", "Gosu": "#82937f", "Grace": "#615f8b", "Gradle": "#02303a", "Grammatical Framework": "#ff0000", "GraphQL": "#e10098", "Graphviz (DOT)": "#2596be", "Groovy": "#4298b8", "Groovy Server Pages": "#4298b8", "HAProxy": "#106da9", "HCL": "#844FBA", "HLSL": "#aace60", "HOCON": "#9ff8ee", "HTML": "#e34c26", "HTML+ECR": "#2e1052", "HTML+EEX": "#6e4a7e", "HTML+ERB": "#701516", "HTML+PHP": "#4f5d95", "HTML+Razor": "#512be4", "HTTP": "#005C9C", "HXML": "#f68712", "Hack": "#878787", "Haml": "#ece2a9", "Handlebars": "#f7931e", "Harbour": "#0e60e3", "Haskell": "#5e5086", "Haxe": "#df7900", "HiveQL": "#dce200", "HolyC": "#ffefaf", "Hosts File": "#308888", "Hy": "#7790B2", "IDL": "#a3522f", "IGOR Pro": "#0000cc", "INI": "#d1dbe0", "Idris": "#b30000", "Ignore List": "#000000", "ImageJ Macro": "#99AAFF", "Imba": "#16cec6", "Inno Setup": "#264b99", "Io": "#a9188d", "Ioke": "#078193", "Isabelle": "#FEFE00", "Isabelle ROOT": "#FEFE00", "J": "#9EEDFF", "JAR Manifest": "#b07219", "JCL": "#d90e09", "JFlex": "#DBCA00", "JSON": "#292929", "JSON with Comments": "#292929", "JSON5": "#267CB9", "JSONLD": "#0c479c", "JSONiq": "#40d47e", "Janet": "#0886a5", "Jasmin": "#d03600", "Java": "#b07219", "Java Properties": "#2A6277", "Java Server Pages": "#2A6277", "JavaScript": "#f1e05a", "JavaScript+ERB": "#f1e05a", "Jest Snapshot": "#15c213", "JetBrains MPS": "#21D789", "Jinja": "#a52a22", "Jison": "#56b3cb", "Jison Lex": "#56b3cb", "Jolie": "#843179", "Jsonnet": "#0064bd", "Julia": "#a270ba", "Jupyter Notebook": "#DA5B0B", "Just": "#384d54", "KRL": "#28430A", "Kaitai Struct": "#773b37", "KakouneScript": "#6f8042", "KerboScript": "#41adf0", "KiCad Layout": "#2f4aab", "KiCad Legacy Layout": "#2f4aab", "KiCad Schematic": "#2f4aab", "Kotlin": "#A97BFF", "LFE": "#4C3023", "LLVM": "#185619", "LOLCODE": "#cc9900", "LSL": "#3d9970", "LabVIEW": "#fede06", "Lark": "#2980B9", "Lasso": "#999999", "Latte": "#f2a542", "Less": "#1d365d", "Lex": "#DBCA00", "LigoLANG": "#0e74ff", "LilyPond": "#9ccc7c", "Liquid": "#67b8de", "Literate Agda": "#315665", "Literate CoffeeScript": "#244776", "Literate Haskell": "#5e5086", "LiveScript": "#499886", "Logtalk": "#295b9a", "LookML": "#652B81", "Lua": "#000080", "MATLAB": "#e16737", "MAXScript": "#00a6a6", "MDX": "#fcb32c", "MLIR": "#5EC8DB", "MQL4": "#62A8D6", "MQL5": "#4A76B8", "MTML": "#b7e1f4", "Macaulay2": "#d8ffff", "Makefile": "#427819", "Mako": "#7e858d", "Markdown": "#083fa1", "Marko": "#42bff2", "Mask": "#f97732", "Mathematica": "#dd1100", "Max": "#c4a79c", "Mercury": "#ff2b2b", "Mermaid": "#ff3670", "Meson": "#007800", "Metal": "#8f14e9", "MiniYAML": "#ff1111", "Mint": "#02b046", "Mirah": "#c7a938", "Modelica": "#de1d31", "Modula-2": "#10253f", "Modula-3": "#223388", "Monkey C": "#8D6747", "MoonScript": "#ff4585", "Motoko": "#fbb03b", "Motorola 68K Assembly": "#005daa", "Move": "#4a137a", "Mustache": "#724b3b", "NCL": "#28431f", "NPM Config": "#cb3837", "NWScript": "#111522", "Nasal": "#1d2c4e", "Nearley": "#990000", "Nemerle": "#3d3c6e", "NetLinx": "#0aa0ff", "NetLinx+ERB": "#747faa", "NetLogo": "#ff6375", "NewLisp": "#87AED7", "Nextflow": "#3ac486", "Nginx": "#009639", "Nim": "#ffc200", "Nit": "#009917", "Nix": "#7e7eff", "Nu": "#c9df40", "NumPy": "#9C8AF9", "Nunjucks": "#3d8137", "Nushell": "#4E9906", "OASv2-json": "#85ea2d", "OASv2-yaml": "#85ea2d", "OASv3-json": "#85ea2d", "OASv3-yaml": "#85ea2d", "OCaml": "#ef7a08", "ObjectScript": "#424893", "Objective-C": "#438eff", "Objective-C++": "#6866fb", "Objective-J": "#ff0c5a", "Odin": "#60AFFE", "Omgrofl": "#cabbff", "Opal": "#f7ede0", "Open Policy Agent": "#7d9199", "OpenAPI Specification v2": "#85ea2d", "OpenAPI Specification v3": "#85ea2d", "OpenCL": "#ed2e2d", "OpenEdge ABL": "#5ce600", "OpenQASM": "#AA70FF", "OpenSCAD": "#e5cd45", "Option List": "#476732", "Org": "#77aa99", "Oxygene": "#cdd0e3", "Oz": "#fab738", "P4": "#7055b5", "PDDL": "#0d00ff", "PEG.js": "#234d6b", "PHP": "#4F5D95", "PLSQL": "#dad8d8", "PLpgSQL": "#336790", "POV-Ray SDL": "#6bac65", "Pact": "#F7A8B8", "Pan": "#cc0000", "Papyrus": "#6600cc", "Parrot": "#f3ca0a", "Pascal": "#E3F171", "Pawn": "#dbb284", "Pep8": "#C76F5B", "Perl": "#0298c3", "PicoLisp": "#6067af", "PigLatin": "#fcd7de", "Pike": "#005390", "PlantUML": "#fbbd16", "PogoScript": "#d80074", "Polar": "#ae81ff", "Portugol": "#f8bd00", "PostCSS": "#dc3a0c", "PostScript": "#da291c", "PowerBuilder": "#8f0f8d", "PowerShell": "#012456", "Prisma": "#0c344b", "Processing": "#0096D8", "Procfile": "#3B2F63", "Prolog": "#74283c", "Promela": "#de0000", "Propeller Spin": "#7fa2a7", "Pug": "#a86454", "Puppet": "#302B6D", "PureBasic": "#5a6986", "PureScript": "#1D222D", "Pyret": "#ee1e10", "Python": "#3572A5", "Python console": "#3572A5", "Python traceback": "#3572A5", "Q#": "#fed659", "QML": "#44a51c", "Qt Script": "#00b841", "Quake": "#882233", "R": "#198CE7", "RAML": "#77d9fb", "RBS": "#701516", "RDoc": "#701516", "REXX": "#d90e09", "RMarkdown": "#198ce7", "RPGLE": "#2BDE21", "RUNOFF": "#665a4e", "Racket": "#3c5caa", "Ragel": "#9d5200", "Raku": "#0000fb", "Rascal": "#fffaa0", "ReScript": "#ed5051", "Reason": "#ff5847", "ReasonLIGO": "#ff5847", "Rebol": "#358a5b", "Record Jar": "#0673ba", "Red": "#f50000", "Regular Expression": "#009a00", "Ren'Py": "#ff7f7f", "Ring": "#2D54CB", "Riot": "#A71E49", "RobotFramework": "#00c0b5", "Roff": "#ecdebe", "Roff Manpage": "#ecdebe", "Rouge": "#cc0088", "RouterOS Script": "#DE3941", "Ruby": "#701516", "Rust": "#dea584", "SAS": "#B34936", "SCSS": "#c6538c", "SPARQL": "#0C4597", "SQF": "#3F3F3F", "SQL": "#e38c00", "SQLPL": "#e38c00", "SRecode Template": "#348a34", "STL": "#373b5e", "SVG": "#ff9900", "SaltStack": "#646464", "Sass": "#a53b70", "Scala": "#c22d40", "Scaml": "#bd181a", "Scenic": "#fdc700", "Scheme": "#1e4aec", "Scilab": "#ca0f21", "Self": "#0579aa", "ShaderLab": "#222c37", "Shell": "#89e051", "ShellCheck Config": "#cecfcb", "Shen": "#120F14", "Simple File Verification": "#C9BFED", "Singularity": "#64E6AD", "Slash": "#007eff", "Slice": "#003fa2", "Slim": "#2b2b2b", "SmPL": "#c94949", "Smalltalk": "#596706", "Smarty": "#f0c040", "Smithy": "#c44536", "Snakemake": "#419179", "Solidity": "#AA6746", "SourcePawn": "#f69e1d", "Squirrel": "#800000", "Stan": "#b2011d", "Standard ML": "#dc566d", "Starlark": "#76d275", "Stata": "#1a5f91", "StringTemplate": "#3fb34f", "Stylus": "#ff6347", "SubRip Text": "#9e0101", "SugarSS": "#2fcc9f", "SuperCollider": "#46390b", "Svelte": "#ff3e00", "Sway": "#dea584", "Swift": "#F05138", "SystemVerilog": "#DAE1C2", "TI Program": "#A0AA87", "TL-Verilog": "#C40023", "TLA": "#4b0079", "TOML": "#9c4221", "TSQL": "#e38c00", "TSV": "#237346", "TSX": "#3178c6", "TXL": "#0178b8", "Talon": "#333333", "Tcl": "#e4cc98", "TeX": "#3D6117", "Terra": "#00004c", "TextMate Properties": "#df66e4", "Textile": "#ffe7ac", "Thrift": "#D12127", "Turing": "#cf142b", "Twig": "#c1d026", "TypeScript": "#3178c6", "Unified Parallel C": "#4e3617", "Unity3D Asset": "#222c37", "Uno": "#9933cc", "UnrealScript": "#a54c4d", "UrWeb": "#ccccee", "V": "#4f87c4", "VBA": "#867db1", "VBScript": "#15dcdc", "VCL": "#148AA8", "VHDL": "#adb2cb", "Vala": "#a56de2", "Valve Data Format": "#f26025", "Velocity Template Language": "#507cff", "Verilog": "#b2b7f8", "Vim Help File": "#199f4b", "Vim Script": "#199f4b", "Vim Snippet": "#199f4b", "Visual Basic .NET": "#945db7", "Visual Basic 6.0": "#2c6353", "Volt": "#1F1F1F", "Vue": "#41b883", "Vyper": "#2980b9", "WDL": "#42f1f4", "WGSL": "#1a5e9a", "Web Ontology Language": "#5b70bd", "WebAssembly": "#04133b", "WebAssembly Interface Type": "#6250e7", "Whiley": "#d5c397", "Wikitext": "#fc5757", "Windows Registry Entries": "#52d5ff", "Witcher Script": "#ff0000", "Wollok": "#a23738", "World of Warcraft Addon Data": "#f7e43f", "Wren": "#383838", "X10": "#4B6BEF", "XC": "#99DA07", "XML": "#0060ac", "XML Property List": "#0060ac", "XQuery": "#5232e7", "XSLT": "#EB8CEB", "Xojo": "#81bd41", "Xonsh": "#285EEF", "Xtend": "#24255d", "YAML": "#cb171e", "YARA": "#220000", "YASnippet": "#32AB90", "Yacc": "#4B6C4B", "Yul": "#794932", "ZAP": "#0d665e", "ZIL": "#dc75e5", "ZenScript": "#00BCD1", "Zephir": "#118f9e", "Zig": "#ec915c", "Zimpl": "#d67711", "eC": "#913960", "fish": "#4aae47", "hoon": "#00b171", "jq": "#c7254e", "kvlang": "#1da6e0", "mIRC Script": "#3d57c3", "mcfunction": "#E22837", "mupad": "#244963", "nanorc": "#2d004d", "nesC": "#94B0C7", "ooc": "#b0b77e", "q": "#0040cd", "reStructuredText": "#141414", "sed": "#64b970", "wisp": "#7582D1", "xBase": "#403a40"}
  411.     
  412.         const language_format =
  413.             '<circle cx="25" cy="{circle_y}" r="7" stroke="none" fill="{color}"></circle>' +
  414.             '<g transform="matrix(1,0,0,1,0,0)">' +
  415.             '<text fill="#24292e" fill-opacity="1" stroke="none" x="{language_x}" y="{language_y}" font-family="sans-serif" ' +
  416.             'font-size="12" font-weight="400" font-style="normal">{language}</text>' +
  417.             '</g>';
  418.     
  419.         const language_x = 35;
  420.         const language_y = circle_y + 4;
  421.     
  422.         let color, en_count = 0, cn_count = 0;
  423.         if (!language) {
  424.             language = 'None';
  425.             color = '#000000';
  426.         } else {
  427.             color = language_color_dict[language] || '#000000';
  428.         }
  429.     
  430.         const en_char_len = 8;
  431.         const cn_char_len = 16;
  432.     
  433.         for (const char of language) {
  434.             if ('\u4e00' <= char && char <= '\u9fff') {
  435.                 cn_count += 1;
  436.             } else {
  437.                 en_count += 1;
  438.             }
  439.         }
  440.     
  441.         const next_x = cn_count * cn_char_len + en_count * en_char_len + language_x;
  442.     
  443.         return [language_format.replace('{circle_y}', circle_y)
  444.                                 .replace('{language_x}', language_x)
  445.                                 .replace('{language_y}', language_y)
  446.                                 .replace('{color}', color)
  447.                                 .replace('{language}', language), next_x];
  448.     }
  449.  
  450.     // 通过GM_xmlhttpRequest获取PNG图片的二进制数据
  451.     function getBinaryDataFromURL(url) {
  452.         return new Promise((resolve, reject) => {
  453.             GM_xmlhttpRequest({
  454.                 method: "GET",
  455.                 url: url,
  456.                 responseType: "arraybuffer",
  457.                 onload: function(response) {
  458.                     const binaryData = response.response;
  459.                     resolve(binaryData);
  460.                 },
  461.                 onerror: function(error) {
  462.                     console.error("Error fetching the image:", error);
  463.                     reject(error);
  464.                 }
  465.             });
  466.         });
  467.     }
  468.  
  469.     // 将二进制数据转换为base64编码
  470.     function convertBinaryToBase64(binaryData) {
  471.         return new Promise((resolve, reject) => {
  472.             const reader = new FileReader();
  473.             reader.onloadend = function() {
  474.                 const base64Value = reader.result.split(",")[1];
  475.                 resolve(base64Value);
  476.             };
  477.             reader.readAsDataURL(new Blob([binaryData], { type: "image/png" }));
  478.         });
  479.     }
  480.  
  481.     // 在这里调用获取二进制数据和转换为base64的函数
  482.     async function processImage(imageUrl) {
  483.         try {
  484.             const binaryData = await getBinaryDataFromURL(imageUrl);
  485.             const base64Value = await convertBinaryToBase64(binaryData);
  486.             return base64Value;
  487.         } catch (error) {
  488.             console.error("Failed to process the image:", error);
  489.             return null;
  490.         }
  491.     }
  492.  
  493.     function startDownload(svgContent, fileName) {
  494.         // 将SVG内容转换为Blob对象
  495.         const blob = new Blob([svgContent], { type: 'image/svg+xml' });
  496.  
  497.         // 创建下载链接
  498.         const downloadLink = document.createElement("a");
  499.         downloadLink.href = URL.createObjectURL(blob);
  500.         downloadLink.download = fileName; // 下载文件的名称
  501.  
  502.         // 触发点击事件，弹出下载框
  503.         downloadLink.dispatchEvent(new MouseEvent('click'));
  504.  
  505.         // 释放URL对象，防止内存泄漏
  506.         URL.revokeObjectURL(downloadLink.href);
  507.     }
  508.  
  509.     async function getCard() {
  510.         var repo = getRepoName()
  511.         var info_msg = await getFromAPI(repo.url(), 'json')
  512.         var gitInfo = new GithubInfo(info_msg)
  513.         try {
  514.             const response = await fetch(info_msg.tags_url);
  515.             const data = await response.json();
  516.             gitInfo.tag_count = String(data.length);
  517.         } catch (error) {
  518.             console.error("请求出错:", error);
  519.             throw error; // 在此抛出错误，以确保调用函数的地方可以捕获到错误
  520.         }
  521.         console.log(gitInfo)
  522.  
  523.         //构建repo
  524.         var repo_href = gitInfo.repo_href
  525.         var repo_name = gitInfo.repo_name
  526.         const repo_part = `
  527.             <g fill="#586069" fill-opacity="1" stroke="none" transform="matrix(1.25,0,0,1.25,18,18)">
  528.                 <path vector-effect="none" fill-rule="evenodd" d="M4,9 L3,9 L3,8 L4,8 L4,9 M4,6 L3,6 L3,7 L4,7 L4,6 M4,4 L3,4 L3,5 L4,5 L4,4 M4,2 L3,2 L3,3 L4,3 L4,2 M12,1 L12,13 C12,13.55 11.55,14 11,14 L6,14 L6,16 L4.5,14.5 L3,16 L3,14 L1,14 C0.45,14 0,13.55 0,13 L0,1 C0,0.45 0.45,0 1,0 L11,0 C11.55,0 12,0.45 12,1 M11,11 L1,11 L1,13 L3,13 L3,12 L6,12 L6,13 L11,13 L11,11 M11,1 L2,1 L2,10 L11,10 L11,1"></path>
  529.             </g>
  530.             <g fill="#0366d6" fill-opacity="1" stroke="#0366d6" stroke-opacity="1" stroke-width="1" stroke-linecap="square" stroke-linejoin="bevel" transform="matrix(1,0,0,1,25,0)">
  531.                 <a target="_blank" href="${repo_href}">
  532.                     <text fill="#0366d6" fill-opacity="1" stroke="none" xml:space="preserve" x="17" y="33" font-family="sans-serif" font-size="18" font-weight="630" font-style="normal">${repo_name}</text>
  533.                 </a>
  534.             </g>
  535.         `;
  536.         
  537.         //构建owner
  538.         var owner_href = gitInfo.owner.html_url
  539.         //var img = gitInfo.owner.avatar_url
  540.         var img = await processImage(gitInfo.owner.avatar_url)
  541.         var owner = gitInfo.owner.login
  542.         // const base64Value = await processImage(gitInfo.owner.avatar_url);
  543.         // console.log("PNG图片的base64值:", base64Value);
  544.         const owner_part = `
  545.             <g transform="matrix(1,0,0,1,0,0)">
  546.                 <a target="_blank" href="${owner_href}">
  547.                     <circle cx="25" cy="56" r="12" stroke="#afb8c1" stroke-width="1.5" fill="none" />
  548.                     <image stroke="null" id="svg_1" height="24" width="24" x="13" y="44" clip-path="url(#circleClip)" href="data:image/png;base64,${img}"/>
  549.                 </a>
  550.             </g>
  551.             <g transform="matrix(1,0,0,1,25,0)">
  552.                 <a target="_blank" href="${owner_href}">
  553.                     <text fill="#000000" fill-opacity="1" stroke="none" xml:space="preserve" x="17" y="59.5" font-family="sans-serif" font-size="15" font-weight="540" font-style="normal">${owner}</text>
  554.                 </a>
  555.             </g>
  556.         `;
  557.  
  558.         //构建description
  559.         var desc_result = createDesc(gitInfo.description)
  560.         var desc_part = desc_result[0]
  561.         var desc_last_y = desc_result[1]
  562.         var language_y = desc_last_y + 18
  563.         var next_y = desc_last_y + 10
  564.  
  565.         //构建language部分
  566.         var language_result = createLanguage(language_y,gitInfo.language)
  567.         var language_part = language_result[0]
  568.         var next_x = language_result[1]
  569.  
  570.         //构建各个info部分
  571.         var icon_x = next_x + 16
  572.         var icon_y = next_y
  573.         var href = gitInfo.star_href
  574.         var info_x = icon_x + 21
  575.         var info_y = icon_y + 12
  576.         var info = gitInfo.stars_count
  577.         const star_info = `
  578.             <g transform="matrix(1,0,0,1,${icon_x},${icon_y})">
  579.             <a target="_blank" href="${href}">
  580.             <path fill="#656d76" stroke="none" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>
  581.             </a>
  582.             </g>        
  583.             <g transform="matrix(1,0,0,1,0,0)">
  584.             <a target="_blank" href="${href}">
  585.             <text fill="#656d76" fill-opacity="1" stroke="none" x="${info_x}" y="${info_y}" font-family="sans-serif" 
  586.             font-size="12" font-weight="400" font-style="normal">${info}</text>
  587.             </a>
  588.             </g>
  589.         `
  590.         icon_x = info_x + 8*info.length + 16
  591.         href = gitInfo.fork_href
  592.         info_x = icon_x +21
  593.         info = gitInfo.forks_count
  594.         const fork_info = `
  595.             <g transform="matrix(1,0,0,1,${icon_x},${icon_y})">
  596.             <a target="_blank" href="${href}">
  597.             <path fill="#656d76" stroke="none" d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>
  598.             </a>
  599.             </g>
  600.             <g transform="matrix(1,0,0,1,0,0)">
  601.             <a target="_blank" href="${href}">
  602.             <text fill="#656d76" fill-opacity="1" stroke="none" x="${info_x}" y="${info_y}" font-family="sans-serif" 
  603.             font-size="12" font-weight="400" font-style="normal">${info}</text>
  604.             </a>
  605.             </g>
  606.         `
  607.         icon_x = info_x + 8*info.length + 16
  608.         href = gitInfo.tag_href
  609.         info_x = icon_x +21
  610.         info = gitInfo.tag_count
  611.         const tag_info = `
  612.             <g transform="matrix(1,0,0,1,${icon_x},${icon_y})">
  613.             <a target="_blank" href="${href}">
  614.             <path fill="#656d76" stroke="none" d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path>
  615.             </a>
  616.             </g>
  617.             <g transform="matrix(1,0,0,1,0,0)">
  618.             <a target="_blank" href="${href}">
  619.             <text fill="#656d76" fill-opacity="1" stroke="none" x="${info_x}" y="${info_y}" font-family="sans-serif" 
  620.             font-size="12" font-weight="400" font-style="normal">${info}</text>
  621.             </a>
  622.             </g>
  623.         `
  624.         let license_info = ''
  625.         if (gitInfo.license !==undefined){
  626.             icon_x = info_x + 8*info.length + 16
  627.             href = gitInfo.license_href
  628.             info_x = icon_x +21
  629.             info = gitInfo.license
  630.             license_info = `
  631.                 <g transform="matrix(1,0,0,1,${icon_x},${icon_y})">
  632.                 <a target="_blank" href="${href}">
  633.                 <path fill="#656d76" stroke="none" d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path>
  634.                 </a>
  635.                 </g>
  636.                 <g transform="matrix(1,0,0,1,0,0)">
  637.                 <a target="_blank" href="${href}">
  638.                 <text fill="#656d76" fill-opacity="1" stroke="none" x="${info_x}" y="${info_y}" font-family="sans-serif" 
  639.                 font-size="12" font-weight="400" font-style="normal">${info}</text>
  640.                 </a>
  641.                 </g>
  642.             `
  643.         }
  644.         
  645.         var height = desc_last_y+33
  646.         var body = repo_part + owner_part + desc_part + language_part + star_info + fork_info + tag_info + license_info
  647.         const svg = `
  648.             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="422" height="${height}" version="1.2" baseProfile="tiny" data-reactroot="">
  649.                 <defs>
  650.                     <clipPath id="circleClip">
  651.                         <circle cx="25" cy="56" r="12" />
  652.                     </clipPath>
  653.                 </defs>
  654.                 <g fill="none" stroke="black" stroke-width="1" fill-rule="evenodd" stroke-linecap="square" stroke-linejoin="bevel">
  655.                     <g fill="#ffffff" fill-opacity="1" stroke="none" transform="matrix(1,0,0,1,0,0)">
  656.                         <rect x="0" y="0" width="420" height="${height}"></rect>
  657.                     </g>
  658.                     <rect x="0" y="0" width="421" height="${height}" stroke="#eaecef" stroke-width="2"></rect>
  659.                     <g transform="matrix(1,0,0,1,0,-3)">${body}</g>
  660.                 </g>
  661.             </svg>
  662.         `;
  663.         var file_name = repo.ownerName + '_' + repo.repoName + '.svg'
  664.         startDownload(svg,file_name)
  665.  
  666.     }
  667.  
  668.     //在页面设置按钮
  669.     var button = document.createElement("button");
  670.     button.textContent = "Get\nCard"; // 竖向显示内容，使用换行符分隔
  671.     button.style.borderRadius = '5px';
  672.     button.style.position = "fixed";
  673.     button.style.left = "-40px"; // 初始时隐藏按钮部分
  674.     button.style.top = "50%";
  675.     button.style.backgroundColor = '#216e39';
  676.     button.style.color = 'white';
  677.     button.style.border = 'none';
  678.     button.style.transform = "translateY(-50%)"; // 竖向显示，并旋转90度
  679.     button.style.width = "50px"; // 调整按钮宽度
  680.     button.style.height = "40px"; // 调整按钮高度
  681.     button.style.textAlign = "center"; // 内容居中
  682.     button.style.lineHeight = "1"; // 行高，可根据需要调整
  683.     button.style.zIndex = "9999";
  684.     button.style.transition = "left 0.3s"; // 添加过渡效果
  685.  
  686.     // 将按钮添加到页面
  687.     document.body.appendChild(button);
  688.  
  689.     // 绑定按钮的点击事件，点击时执行 getCard 函数
  690.     button.addEventListener("click", getCard);
  691.  
  692.     // 鼠标移动到按钮旁边时显示全部按钮
  693.     button.addEventListener("mouseover", function () {
  694.         button.style.left = "0";
  695.     });
  696.  
  697.     // 鼠标移出按钮时恢复部分隐藏
  698.     button.addEventListener("mouseout", function () {
  699.         button.style.left = "-40px";
  700.     });
  701.  
  702. })();