https://www.mycompiler.io/view/B2ybHfTwgfX

掃描 ID：: 98127c7a-d98f-4ce6-bd4c-d472786b6b1b已完成
已提交的 URL：: https://www.mycompiler.io/view/B2ybHfTwgfX
報告完成時間：: 2024年11月2日 00:06:52
連結 · 找到 7 個

從頁面中識別的傳出連結
連結	Text
https://srv.carbonads.net/ads/click/x/GTND427ICTBICK7NFTALYKQUCKYDC2QEC6BIVZ3JCA7ITK7YCESDPK3KCABITKJECEYDK2QUCEADKKQMCK7IEKQKC6SICK3MCTBIKK3EHJNCLSIZ	Your new development career awaits. Check out the latest listings.
http://carbonads.net/?utm_source=wwwmycompilerio&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon	ads via Carbon
https://feeds.feedburner.com/nijidraw/aWViIDexyau
https://in.njiji.workers.dev/
https://pinterest.com/bexxanesiajt/nijidraw/
https://nijidraw.deno.dev/
https://nijidraw.com/	Search
JavaScript 變數 · 找到 18 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
名稱	類型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
_sentryDebugIds	object
webpackChunkmycompiler	object
hotkeys	function
__SENTRY__	object
_bsaViewableFaker	function
主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息
類型	類別	記錄
error	network	URL https://feeds.feedburner.com/nijidraw/aWViIDexyau Text Failed to load resource: the server responded with a status of 403 ()
HTML

頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head><style>.ͼ1.cm-focused {outline: 1px dotted #212121;}
.ͼ1 {position: relative !important; box-sizing: border-box; display: flex !important; flex-direction: column;}
.ͼ1 .cm-scroller {display: flex !important; align-items: flex-start !important; font-family: monospace; line-height: 1.4; height: 100%; overflow-x: auto; position: relative; z-index: 0;}
.ͼ1 .cm-content[contenteditable=true] {-webkit-user-modify: read-write-plaintext-only;}
.ͼ1 .cm-content {margin: 0; flex-grow: 2; flex-shrink: 0; display: block; white-space: pre; word-wrap: normal; box-sizing: border-box; min-height: 100%; padding: 4px 0; outline: none;}
.ͼ1 .cm-lineWrapping {white-space: pre-wrap; white-space: break-spaces; word-break: break-word; overflow-wrap: anywhere; flex-shrink: 1;}
.ͼ2 .cm-content {caret-color: black;}
.ͼ3 .cm-content {caret-color: white;}
.ͼ1 .cm-line {display: block; padding: 0 2px 0 6px;}
.ͼ1 .cm-layer > * {position: absolute;}
.ͼ1 .cm-layer {position: absolute; left: 0; top: 0; contain: size style;}
.ͼ2 .cm-selectionBackground {background: #d9d9d9;}
.ͼ3 .cm-selectionBackground {background: #222;}
.ͼ2.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: #d7d4f0;}
.ͼ3.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: #233;}
.ͼ1 .cm-cursorLayer {pointer-events: none;}
.ͼ1.cm-focused > .cm-scroller > .cm-cursorLayer {animation: steps(1) cm-blink 1.2s infinite;}
@keyframes cm-blink {50% {opacity: 0;}}
@keyframes cm-blink2 {50% {opacity: 0;}}
.ͼ1 .cm-cursor, .ͼ1 .cm-dropCursor {border-left: 1.2px solid black; margin-left: -0.6px; pointer-events: none;}
.ͼ1 .cm-cursor {display: none;}
.ͼ3 .cm-cursor {border-left-color: #444;}
.ͼ1 .cm-dropCursor {position: absolute;}
.ͼ1.cm-focused > .cm-scroller > .cm-cursorLayer .cm-cursor {display: block;}
.ͼ1 .cm-iso {unicode-bidi: isolate;}
.ͼ1 .cm-announced {position: fixed; top: -10000px;}
@media print {.ͼ1 .cm-announced {display: none;}}
.ͼ2 .cm-activeLine {background-color: #cceeff44;}
.ͼ3 .cm-activeLine {background-color: #99eeff33;}
.ͼ2 .cm-specialChar {color: red;}
.ͼ3 .cm-specialChar {color: #f78;}
.ͼ1 .cm-gutters {flex-shrink: 0; display: flex; height: 100%; box-sizing: border-box; inset-inline-start: 0; z-index: 200;}
.ͼ2 .cm-gutters {background-color: #f5f5f5; color: #6c6c6c; border-right: 1px solid #ddd;}
.ͼ3 .cm-gutters {background-color: #333338; color: #ccc;}
.ͼ1 .cm-gutter {display: flex !important; flex-direction: column; flex-shrink: 0; box-sizing: border-box; min-height: 100%; overflow: hidden;}
.ͼ1 .cm-gutterElement {box-sizing: border-box;}
.ͼ1 .cm-lineNumbers .cm-gutterElement {padding: 0 3px 0 5px; min-width: 20px; text-align: right; white-space: nowrap;}
.ͼ2 .cm-activeLineGutter {background-color: #e2f2ff;}
.ͼ3 .cm-activeLineGutter {background-color: #222227;}
.ͼ1 .cm-panels {box-sizing: border-box; position: sticky; left: 0; right: 0;}
.ͼ2 .cm-panels {background-color: #f5f5f5; color: black;}
.ͼ2 .cm-panels-top {border-bottom: 1px solid #ddd;}
.ͼ2 .cm-panels-bottom {border-top: 1px solid #ddd;}
.ͼ3 .cm-panels {background-color: #333338; color: white;}
.ͼ1 .cm-tab {display: inline-block; overflow: hidden; vertical-align: bottom;}
.ͼ1 .cm-widgetBuffer {vertical-align: text-top; height: 1em; width: 0; display: inline;}
.ͼ1 .cm-placeholder {color: #888; display: inline-block; vertical-align: top;}
.ͼ1 .cm-highlightSpace:before {content: attr(data-display); position: absolute; pointer-events: none; color: #888;}
.ͼ1 .cm-highlightTab {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23888" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>'); background-size: auto 100%; background-position: right 90%; background-repeat: no-repeat;}
.ͼ1 .cm-trailingSpace {background-color: #ff332255;}
.ͼ1 .cm-button {vertical-align: middle; color: inherit; font-size: 70%; padding: .2em 1em; border-radius: 1px;}
.ͼ2 .cm-button:active {background-image: linear-gradient(#b4b4b4, #d0d3d6);}
.ͼ2 .cm-button {background-image: linear-gradient(#eff1f5, #d9d9df); border: 1px solid #888;}
.ͼ3 .cm-button:active {background-image: linear-gradient(#111, #333);}
.ͼ3 .cm-button {background-image: linear-gradient(#393939, #111); border: 1px solid #888;}
.ͼ1 .cm-textfield {vertical-align: middle; color: inherit; font-size: 70%; border: 1px solid silver; padding: .2em .5em;}
.ͼ2 .cm-textfield {background-color: white;}
.ͼ3 .cm-textfield {border: 1px solid #555; background-color: inherit;}
.ͼ17 {color: #4A4A4A;}
.ͼ18 {color: #5F6368;}
.ͼ19 {color: #007A27;}
.ͼ1a {color: #2F4960;}
.ͼ1b {color: #506889;}
.ͼ1c {color: #422E8A;}
.ͼ1d {color: #BC0056;}
.ͼ1e {color: #983AB3;}
.ͼ1f {color: #FF9B00;}
.ͼ1g {color: #00786D;}
.ͼ1h {color: #0E161F;}
.ͼ1i {color: #00786D;}
.ͼ1j {color: #0E161F;}
.ͼ1k {color: #4A4A4A;}
.ͼ1l {color: #007A27;}
.ͼ1m {color: #A54A78;}
.ͼ16 .cm-gutters {background-color: #FFF; color: #6B6B70; border-right-color: transparent;}
.ͼ16 {color: #4A4A4A;}
.ͼ16.cm-editor .cm-scroller, .ͼ16 .cm-tooltip.cm-tooltip-autocomplete > ul {font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;}
.ͼ16 .cm-content {caret-color: #4A4A4A;}
.ͼ16 .cm-cursor, .ͼ16 .cm-dropCursor {border-left-color: #4A4A4A;}
.ͼ16 .cm-tooltip-autocomplete.cm-tooltip {background-color: #F7F9FA;}
.ͼ5 {color: #404740;}
.ͼ6 {text-decoration: underline;}
.ͼ7 {text-decoration: underline; font-weight: bold;}
.ͼ8 {font-style: italic;}
.ͼ9 {font-weight: bold;}
.ͼa {text-decoration: line-through;}
.ͼb {color: #708;}
.ͼc {color: #219;}
.ͼd {color: #164;}
.ͼe {color: #a11;}
.ͼf {color: #e40;}
.ͼg {color: #00f;}
.ͼh {color: #30a;}
.ͼi {color: #085;}
.ͼj {color: #167;}
.ͼk {color: #256;}
.ͼl {color: #00c;}
.ͼm {color: #940;}
.ͼn {color: #f00;}
</style>
<script>
  if (window.location.href.split('#')[0] !== "https:\/\/www.mycompiler.io\/view\/B2ybHfTwgfX") {
    window.location.href = "https:\/\/www.mycompiler.io\/view\/B2ybHfTwgfX";
  }
</script>
<noscript>
<meta http-equiv="refresh" content="0; url=/unsupported-browser">
</noscript>
<script>
if (!(function(){try{eval("async()=>{};[{...{a:1}}];");return true;}catch(e){return false;}})()) {
  window.location.href = '/unsupported-browser';
}
</script>
<script>
Object.defineProperty(window,'_trans',{value:Object.freeze(JSON.parse("{\"empty_title\":\"Please enter a title to save this program.\",\"unsaved_changes\":\"You have unsaved changes. Leave this page?\",\"empty_code_run\":\"There is no code to run.\",\"empty_code_save\":\"There is no code to save.\",\"run_failed\":\"Running the program failed:\",\"save_failed\":\"Saving the program failed:\",\"report_run_error\":\"(If this happens frequently, please [report it](1))\",\"form_submission_failed\":\"Unable to submit the form. Please try again.\",\"new_title\":\"Create a new %lang% program - myCompiler\"}"))});
</script>
<title>randmi header draw (Python) - myCompiler</title>
<meta name="exec-endpoint" content="/exec/run/python">
<link rel="alternate" type="application/json+oembed" href="https://www.mycompiler.io/embed/oembed?url=https%3A%2F%2Fwww.mycompiler.io%2Fview%2FB2ybHfTwgfX">
<link id="css" rel="stylesheet" href="/static/css/light.css?v=1730449905">
<link rel="icon" type="image/png" href="/static/img/mycompiler-logo-256.png?v=1730449905" sizes="256x256">
<link rel="icon" type="image/png" href="/static/img/mycompiler-logo-32.png?v=1730449905" sizes="32x32">
<meta property="og:image" content="https://www.mycompiler.io/static/img/mycompiler-logo-256.png?v=1730449905">
<meta name="twitter:image" content="https://www.mycompiler.io/static/img/mycompiler-logo-256.png?v=1730449905">
<meta itemprop="image" content="https://www.mycompiler.io/static/img/mycompiler-logo-256.png?v=1730449905">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="recaptcha-site-key" content="6LeGlZwUAAAAAIsE0FGWW8iP4F2luQ108wbm3ueV">
<meta name="color-scheme" content="only light">
<meta name="sentry-dsn" content="https://[email protected]/2">
<meta name="app-version" content="master/764c678a">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MW1MSCEKGR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-MW1MSCEKGR');
</script>
<meta name="flash-show" content="">
<style></style></head>
<body class="">
<div id="site-content">
<nav class="navbar is-dark" aria-label="main navigation" x-data="{&quot;open&quot;:false,&quot;themeLoading&quot;:false,&quot;theme&quot;:&quot;light&quot;,&quot;showLocales&quot;:false}">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<figure class="image is-32x32 logo">
<img alt="" src="/static/img/mycompiler-logo-32.png?v=1730449905">
</figure>
      myCompiler
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" @click="open = !open">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="top-nav" :class="'navbar-menu ' + (open ? 'is-active' : '')" class="navbar-menu">
<div class="navbar-start">
<span class="navbar-item">
</span>
</div>
<div class="navbar-end">
<div class="navbar-item" @click="showLocales = !showLocales" @click.outside="showLocales = false" @keydown.escape.window="showLocales = false">
<a class="navbar-link">
<span class="icon">
<i class="fas fa-globe" aria-hidden="true"></i>
</span>
<span>
English
</span>
</a>
<div class="navbar-dropdown" :style="showLocales ? 'display: initial' : 'display: none'" style="display: none">
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'de' })">
<span class="icon">
</span>
<span>
Deutsch
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'en' })">
<span class="icon">
<i class="fas fa-check" aria-hidden="true"></i>
</span>
<span>
English
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'es' })">
<span class="icon">
</span>
<span>
Español
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'fr' })">
<span class="icon">
</span>
<span>
Français
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'it' })">
<span class="icon">
</span>
<span>
Italiano
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'ja' })">
<span class="icon">
</span>
<span>
日本語
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'ko' })">
<span class="icon">
</span>
<span>
한국어
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'nl' })">
<span class="icon">
</span>
<span>
Nederlands
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'pl' })">
<span class="icon">
</span>
<span>
Polski
</span>
</a>
<a class="navbar-item" @click="$dispatch('langchange', { locale: 'pt' })">
<span class="icon">
</span>
<span>
Português
</span>
</a>
</div>
</div>
<a class="navbar-item has-tooltip-bottom" id="theme-toggle" data-tooltip="Change theme" :disabled="themeLoading" @click="themeLoading = true; newTheme = (theme == 'dark') ? 'light' : 'dark';
        $dispatch('themechange', { newTheme });" @themechangefinished.window="themeLoading = false; theme = $event.detail.theme;">
<template x-if="themeLoading">
<i class="fas fa-spin fa-circle-notch"></i>
</template>
<template x-if="!themeLoading &amp;&amp; theme == 'dark'">
<i class="fas fa-sun"></i>
</template>
<template x-if="!themeLoading &amp;&amp; theme == 'light'">
<i class="fas fa-moon"></i>
</template><i class="fas fa-moon"></i>
</a>
<a class="navbar-item" href="/recent">
Recent
</a>
<a class="navbar-item" href="/login">
Login
</a>
<a class="navbar-item" href="/signup">
Sign up
</a>
</div>
</div>
</nav>
<div id="global-notifications">
</div>
<div class="main section">
<div class="columns" id="code-title-column-group">
<div class="column is-9 program-title">
<h1 class="title is-4">
randmi header draw
</h1>
</div>
<div class="column program-info">
<span>
<a class="author" href="/@niji">
<img class="avatar avatar-24" alt="" src="/avatar/24/niji.png">
niji
</a>
      ·
<span class="timestamp published" datetime="2024-11-02 00:04:38 UTC" timeago-id="1">2 minutes ago</span>
</span>
</div>
</div>
<div id="code-actions">
<div>
<img alt="" class="lang-icon is-hidden-xs" src="/static/img/lang/python_small.png?v=1730449905">
Python
<div class="dropdown is-hidden-mobile is-hoverable">
<div class="drodpown-trigger">
<button class="button" aria-haspopup="true">
<i class="fas fa-info-circle"></i>
</button>
</div>
<div class="dropdown-menu" role="menu">
<div class="dropdown-content">
<p class="dropdown-item">
Python 3.11 (with numpy, scipy, matplotlib, scikit-learn)
</p>
</div>
</div>
</div>
</div>
<div>
<button x-data="{ loading: false, shortcut: '' }" x-init="shortcut = $store.g.shortcut('Ctrl-Enter', () => $dispatch('runprogram'))" id="run-button" :data-tooltip="shortcut" :class="'button is-primary ' + (loading ? 'is-loading' : '')" @click="$dispatch('runprogram')" @programstatechanged.window="loading = $event.detail.running" data-tooltip="Ctrl+Enter" class="button is-primary">
<span class="icon">
<i class="fas fa-play" aria-hidden="true"></i>
</span>
<span class="is-hidden-xs">
Run
</span>
</button>
<a class="button is-success" href="/new/python?fork=B2ybHfTwgfX">
<span class="icon">
<i class="fas fa-code-branch" aria-hidden="true"></i>
</span>
<span class="is-hidden-mobile">
Fork
</span>
</a>
<div class="dropdown is-right is-hoverable">
<div class="dropdown-trigger">
<button class="button is-info" aria-haspopup="true">
<span class="icon">
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
</span>
</button>
</div>
<div x-data="{&quot;text&quot;:&quot;https:\/\/www.mycompiler.io\/view\/B2ybHfTwgfX&quot;,&quot;copied&quot;:false}" class="dropdown-menu" role="menu">
<div class="dropdown-content">
<a class="dropdown-item" @click="$store.g.copyText(text); copied = true; window.setTimeout(() => { copied = false; }, 2000);">
<span class="icon">
<template x-if="copied === false">
<i class="fas fa-copy" aria-hidden="true"></i>
</template><i class="fas fa-copy" aria-hidden="true"></i>
<template x-if="copied === true">
<i class="fas fa-check" aria-hidden="true"></i>
</template>
</span>
<span>
Copy link
</span>
</a>
<a class="dropdown-item" target="_blank" href="/download/B2ybHfTwgfX">
<span class="icon">
<i class="fas fa-download" aria-hidden="true"></i>
</span>
<span>
Download
</span>
</a>
<a class="dropdown-item" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mycompiler.io%2Fview%2FB2ybHfTwgfX">
<span class="icon">
<i class="fab fa-facebook-f" aria-hidden="true"></i>
</span>
<span>
Share on Facebook
</span>
</a>
<a class="dropdown-item" target="_blank" href="https://www.twitter.com/intent/tweet?url=https%3A%2F%2Fwww.mycompiler.io%2Fview%2FB2ybHfTwgfX">
<span class="icon">
<i class="fab fa-twitter" aria-hidden="true"></i>
</span>
<span>
Share on Twitter
</span>
</a>
<a class="dropdown-item" target="_blank" href="http://www.reddit.com/submit?url=https%3A%2F%2Fwww.mycompiler.io%2Fview%2FB2ybHfTwgfX">
<span class="icon">
<i class="fab fa-reddit" aria-hidden="true"></i>
</span>
<span>
Share on Reddit
</span>
</a>
<a class="dropdown-item" @click="$dispatch('showembedinfo')">
<span class="icon">
<i class="fas fa-code" aria-hidden="true"></i>
</span>
<span>
Embed on website
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="columns" id="code-area" x-data="{&quot;running&quot;:false,&quot;output&quot;:&quot;(Run the program to view its output)&quot;}" @programstatechanged.window="running = $event.detail.running || false; output = $event.detail.output || '';
  if (!$event.detail.running) $store.g.scrollTo(document.getElementById('output-terminal'));">
<div id="left-pane" class="column is-two-thirds is-flex-direction-column">
<div id="code-editor" class="is-read-only" data-lang="python">

<div class="cm-editor ͼ1 ͼ2 ͼ16"><div class="cm-announced" aria-live="polite"></div><div tabindex="-1" class="cm-scroller"><div class="cm-gutters" aria-hidden="true" style="min-height: 1869.41px; position: sticky;"><div class="cm-gutter cm-lineNumbers"><div class="cm-gutterElement" style="height: 0px; visibility: hidden; pointer-events: none;">99</div><div class="cm-gutterElement" style="height: 19.5938px; margin-top: 4px;">1</div><div class="cm-gutterElement" style="height: 19.5938px;">2</div><div class="cm-gutterElement" style="height: 19.5938px;">3</div><div class="cm-gutterElement" style="height: 19.5938px;">4</div><div class="cm-gutterElement" style="height: 19.5938px;">5</div><div class="cm-gutterElement" style="height: 19.5938px;">6</div><div class="cm-gutterElement" style="height: 19.5938px;">7</div><div class="cm-gutterElement" style="height: 19.5938px;">8</div><div class="cm-gutterElement" style="height: 19.5938px;">9</div><div class="cm-gutterElement" style="height: 19.5938px;">10</div><div class="cm-gutterElement" style="height: 19.5938px;">11</div><div class="cm-gutterElement" style="height: 19.5938px;">12</div><div class="cm-gutterElement" style="height: 19.5938px;">13</div><div class="cm-gutterElement" style="height: 19.5938px;">14</div><div class="cm-gutterElement" style="height: 19.5938px;">15</div><div class="cm-gutterElement" style="height: 19.5938px;">16</div><div class="cm-gutterElement" style="height: 19.5938px;">17</div><div class="cm-gutterElement" style="height: 19.5938px;">18</div><div class="cm-gutterElement" style="height: 19.5938px;">19</div><div class="cm-gutterElement" style="height: 19.5938px;">20</div><div class="cm-gutterElement" style="height: 19.5938px;">21</div><div class="cm-gutterElement" style="height: 19.5938px;">22</div><div class="cm-gutterElement" style="height: 19.5938px;">23</div><div class="cm-gutterElement" style="height: 19.5938px;">24</div><div class="cm-gutterElement" style="height: 19.5938px;">25</div><div class="cm-gutterElement" style="height: 19.5938px;">26</div><div class="cm-gutterElement" style="height: 19.5938px;">27</div><div class="cm-gutterElement" style="height: 19.5938px;">28</div><div class="cm-gutterElement" style="height: 19.5938px;">29</div><div class="cm-gutterElement" style="height: 19.5938px;">30</div><div class="cm-gutterElement" style="height: 19.5938px;">31</div><div class="cm-gutterElement" style="height: 19.5938px;">32</div><div class="cm-gutterElement" style="height: 19.5938px;">33</div><div class="cm-gutterElement" style="height: 19.5938px;">34</div><div class="cm-gutterElement" style="height: 19.5938px;">35</div><div class="cm-gutterElement" style="height: 19.5938px;">36</div></div></div><div style="tab-size: 4; flex-basis: 544px;" spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" class="cm-content" role="textbox" aria-multiline="true" aria-readonly="true" data-language="python"><div class="cm-line"><span class="ͼ19">from</span> <span class="ͼ1b">bs4</span> <span class="ͼ19">import</span> <span class="ͼ1b">BeautifulSoup</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="ͼ18"># Create a new BeautifulSoup object with an unordered list</span></div><div class="cm-line"><span class="ͼ1b">soup</span> <span class="ͼ1k">=</span> <span class="ͼ1b">BeautifulSoup</span>(<span class="ͼ1d">'&lt;ul class="components"&gt;&lt;/ul&gt;'</span>, <span class="ͼ1d">'html.parser'</span>)</div><div class="cm-line"><span class="ͼ1b">ul</span> <span class="ͼ1k">=</span> <span class="ͼ1b">soup</span><span class="ͼ1k">.</span><span class="ͼ1m">ul</span></div><div class="cm-line"><br></div><div class="cm-line"><span class="ͼ18"># Social links dictionary for easy handling of the items</span></div><div class="cm-line"><span class="ͼ1b">social_links</span> <span class="ͼ1k">=</span> [</div><div class="cm-line">    {</div><div class="cm-line">        <span class="ͼ1d">'class'</span>: <span class="ͼ1d">'rss-social-icon'</span>,</div><div class="cm-line">        <span class="ͼ1d">'href'</span>: <span class="ͼ1d">'https://[Log in to view URL]'</span>,</div><div class="cm-line">        <span class="ͼ1d">'icon'</span>: <span class="ͼ1d">'tie-icon-feed'</span>,</div><div class="cm-line">        <span class="ͼ1d">'text'</span>: <span class="ͼ1d">'RSS'</span></div><div class="cm-line">    },</div><div class="cm-line">    {</div><div class="cm-line">        <span class="ͼ1d">'class'</span>: <span class="ͼ1d">'twitter-social-icon'</span>,</div><div class="cm-line">        <span class="ͼ1d">'href'</span>: <span class="ͼ1d">'https://[Log in to view URL]'</span>,</div><div class="cm-line">        <span class="ͼ1d">'icon'</span>: <span class="ͼ1d">'tie-icon-twitter'</span>,</div><div class="cm-line">        <span class="ͼ1d">'text'</span>: <span class="ͼ1d">'X'</span></div><div class="cm-line">    },</div><div class="cm-line">    {</div><div class="cm-line">        <span class="ͼ1d">'class'</span>: <span class="ͼ1d">'pinterest-social-icon'</span>,</div><div class="cm-line">        <span class="ͼ1d">'href'</span>: <span class="ͼ1d">'https://[Log in to view URL]'</span>,</div><div class="cm-line">        <span class="ͼ1d">'icon'</span>: <span class="ͼ1d">'tie-icon-pinterest'</span>,</div><div class="cm-line">        <span class="ͼ1d">'text'</span>: <span class="ͼ1d">'Pinterest'</span></div><div class="cm-line">    },</div><div class="cm-line">    {</div><div class="cm-line">        <span class="ͼ1d">'class'</span>: <span class="ͼ1d">'github-social-icon'</span>,</div><div class="cm-line">        <span class="ͼ1d">'href'</span>: <span class="ͼ1d">'https://[Log in to view URL]'</span>,</div><div class="cm-line">        <span class="ͼ1d">'icon'</span>: <span class="ͼ1d">'tie-icon-github'</span>,</div><div class="cm-line">        <span class="ͼ1d">'text'</span>: <span class="ͼ1d">'GitHub'</span></div><div class="cm-line">    }</div><div class="cm-line">]</div><div class="cm-line"><br></div><div class="cm-line"><span class="ͼ18"># Add social link items to the ul</span></div><div class="cm-line"><span class="ͼ19">for</span> <span class="ͼ1b">link</span> <span class="ͼ19">in</span> <span class="ͼ1b">social_links</span>:</div><div class="cm-gap" style="height: 1156.03px;"></div></div></div></div></div>
</div>
<div id="pane-resizer" class="resizer">
</div>
<div id="right-pane" class="column is-one-third">
<div class="is-fullheight is-flex-direction-column">
<div class="block ">
<textarea id="stdin" class="textarea is-small has-fixed-size" placeholder="Program input" rows="2"></textarea>
</div>
<div class="block">
<b>Output</b>
</div>
<div class="block program-output is-flex-direction-column">
<pre class="terminal" id="output-terminal" x-html="output">(Run the program to view its output)</pre>
<div :class="'overlay ' + (running ? '' : 'is-hidden')" id="progress-overlay" class="overlay is-hidden">
<progress class="progress is-small" max="100"></progress>
</div>
</div>
<div class="block">
<script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEBI52QI&amp;placement=wwwmycompilerio">
</script><div id="carbonads"><span>

<span class="carbon-wrap">
	<a href="https://srv.carbonads.net/ads/click/x/GTND427ICTBICK7NFTALYKQUCKYDC2QEC6BIVZ3JCA7ITK7YCESDPK3KCABITKJECEYDK2QUCEADKKQMCK7IEKQKC6SICK3MCTBIKK3EHJNCLSIZ" class="carbon-img" target="_blank" rel="noopener sponsored">
		<img src="https://srv.carbonads.net/static/30242/0cb80bb72aaa688ad3b9fa0e955e4313260d52e3" alt="ads via Carbon" border="0" height="100" width="130" data-no-statview="no" style="max-width: 130px;">
	</a>
	<a href="https://srv.carbonads.net/ads/click/x/GTND427ICTBICK7NFTALYKQUCKYDC2QEC6BIVZ3JCA7ITK7YCESDPK3KCABITKJECEYDK2QUCEADKKQMCK7IEKQKC6SICK3MCTBIKK3EHJNCLSIZ" class="carbon-text" target="_blank" rel="noopener sponsored">
		Your new development career awaits. Check out the latest listings.
	</a>
</span>
<a href="http://carbonads.net/?utm_source=wwwmycompilerio&amp;utm_medium=ad_via_link&amp;utm_campaign=in_unit&amp;utm_term=carbon" class="carbon-poweredby" target="_blank" rel="noopener sponsored">ads via Carbon</a>
</span></div>
</div>
</div>
</div>
</div>
<div class="columns is-centered">
<div class="column" x-data="{&quot;comments&quot;:[{&quot;content&quot;:&quot;<ul>\n<li>RSS: <a href=https:\/\/feeds.feedburner.com\/nijidraw\/aWViIDexyau rel=\&quot;nofollow ugc noreferrer\&quot;><img src=\&quot;https:\/\/feeds.feedburner.com\/nijidraw\/aWViIDexyau\&quot; alt=\&quot;RSS icon\&quot; \/><\/a><\/li>\n<li>X (formerly Twitter): <a href=https:\/\/in.njiji.workers.dev\/ rel=\&quot;nofollow ugc noreferrer\&quot;><img src=\&quot;https:\/\/in.njiji.workers.dev\/\&quot; alt=\&quot;Twitter icon\&quot; \/><\/a><\/li>\n<li>Pinterest: <a href=https:\/\/pinterest.com\/bexxanesiajt\/nijidraw\/ rel=\&quot;nofollow ugc noreferrer\&quot;><img src=\&quot;https:\/\/pinterest.com\/bexxanesiajt\/nijidraw\/\&quot; alt=\&quot;Pinterest icon\&quot; \/><\/a><\/li>\n<li>GitHub: <a href=https:\/\/nijidraw.deno.dev\/ rel=\&quot;nofollow ugc noreferrer\&quot;><img src=\&quot;https:\/\/nijidraw.deno.dev\/\&quot; alt=\&quot;GitHub icon\&quot; \/><\/a><\/li>\n<li><a href=\&quot;\/?random-post=1\&quot;>Random Article<\/a><\/li>\n<li><a href=\&quot;#\&quot;>Switch Skin<\/a><\/li>\n<li><a href=https:\/\/nijidraw.com\/ rel=\&quot;nofollow ugc noreferrer\&quot;>Search<\/a>: \n<ul>\n<li>\n<pre><code class=\&quot;language-&amp;lt;form\&quot;>\n&amp;lt;input id=\&quot;search-input\&quot; inputmode=\&quot;search\&quot; type=\&quot;text\&quot; name=\&quot;s\&quot; title=\&quot;Search for\&quot; placeholder=\&quot;Search for\&quot;&amp;gt;\n&amp;lt;button id=\&quot;search-submit\&quot; type=\&quot;submit\&quot;&amp;gt;\n&amp;lt;span class=\&quot;tie-icon-search tie-search-icon\&quot; aria-hidden=\&quot;true\&quot;&amp;gt;&amp;lt;\/span&amp;gt;\n&amp;lt;span class=\&quot;screen-reader-text\&quot;&amp;gt;Search for&amp;lt;\/span&amp;gt;\n&amp;lt;\/button&amp;gt;\n&amp;lt;\/form&amp;gt;```<\/code><\/pre>\n<\/li>\n<\/ul><\/li>\n<\/ul>&quot;,&quot;author&quot;:&quot;niji&quot;,&quot;created_at&quot;:&quot;2024-11-02 00:06:32 UTC&quot;}],&quot;error&quot;:&quot;&quot;,&quot;loading&quot;:false}">
<div id="comments" @commentadd.window="comments.push($event.detail)">
<h2 class="subtitle">
Comments
</h2>
<template x-for="comment in comments">
<div class="media">
<figure class="media-left">
<p class="image is-48x48">
<img alt="" :src="'/avatar/48/' + comment.author + '.png'">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>
<a :href="'/@' + comment.author" x-text="comment.author">
</a>
</strong>
<small class="comment timestamp" :datetime="comment.created_at">
</small>
</p>
<div x-html="comment.content">
</div>
</div>
</div>
</div>
</template><div class="media">
<figure class="media-left">
<p class="image is-48x48">
<img alt="" :src="'/avatar/48/' + comment.author + '.png'" src="/avatar/48/niji.png">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>
<a :href="'/@' + comment.author" x-text="comment.author" href="/@niji">niji</a>
</strong>
<small class="comment timestamp" :datetime="comment.created_at" datetime="2024-11-02 00:06:32 UTC" timeago-id="2">29 seconds ago</small>
</p>
<div x-html="comment.content"><ul>
<li>RSS: <a href="https://feeds.feedburner.com/nijidraw/aWViIDexyau" rel="nofollow ugc noreferrer"><img src="https://feeds.feedburner.com/nijidraw/aWViIDexyau" alt="RSS icon"></a></li>
<li>X (formerly Twitter): <a href="https://in.njiji.workers.dev/" rel="nofollow ugc noreferrer"><img src="https://in.njiji.workers.dev/" alt="Twitter icon"></a></li>
<li>Pinterest: <a href="https://pinterest.com/bexxanesiajt/nijidraw/" rel="nofollow ugc noreferrer"><img src="https://pinterest.com/bexxanesiajt/nijidraw/" alt="Pinterest icon"></a></li>
<li>GitHub: <a href="https://nijidraw.deno.dev/" rel="nofollow ugc noreferrer"><img src="https://nijidraw.deno.dev/" alt="GitHub icon"></a></li>
<li><a href="/?random-post=1">Random Article</a></li>
<li><a href="#">Switch Skin</a></li>
<li><a href="https://nijidraw.com/" rel="nofollow ugc noreferrer">Search</a>: 
<ul>
<li>
<pre><code class="language-<form">
&lt;input id="search-input" inputmode="search" type="text" name="s" title="Search for" placeholder="Search for"&gt;
&lt;button id="search-submit" type="submit"&gt;
&lt;span class="tie-icon-search tie-search-icon" aria-hidden="true"&gt;&lt;/span&gt;
&lt;span class="screen-reader-text"&gt;Search for&lt;/span&gt;
&lt;/button&gt;
&lt;/form&gt;```</code></pre>
</li>
</ul></li>
</ul></div>
</div>
</div>
</div>
<div class="box comment-cta">
<div class="content has-text-centered">
Please <a href="/signup">sign up</a> or <a href="/login">log in</a> to contribute to the discussion.
</div>
</div>
</div>
</div>
</div>
<div x-data="{&quot;open&quot;:false,&quot;text&quot;:&quot;<script async src=\&quot;https:\/\/www.mycompiler.io\/static\/js\/embedv2.js#id:B2ybHfTwgfX\&quot;><\/script>&quot;,&quot;copied&quot;:false}" id="embed-modal" :class="'modal ' + (open ? 'is-active': '')" @showembedinfo.window="open = true" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<div class="modal-card-head">
<p class="modal-card-title">
Embed on website
</p>
<button class="delete" aria-label="close" @click="open = false">
</button>
</div>
<div class="modal-card-body">
<div class="content">
To embed this program on your website, copy the following code and paste it into your website's HTML:
<div class="field has-addons">
<div class="control is-expanded">
<input class="input is-family-monospace" type="text" x-bind:value="text" readonly="">
</div>
<div class="control">
<button :class="'button ' + (copied ? 'is-success' : 'is-light')" @click="$store.g.copyText(text); copied = true; window.setTimeout(() => { copied = false; }, 2000);" class="button is-light">
<span class="icon">
<template x-if="copied === false">
<i class="fas fa-copy" aria-hidden="true"></i>
</template><i class="fas fa-copy" aria-hidden="true"></i>
<template x-if="copied === true">
<i class="fas fa-check" aria-hidden="true"></i>
</template>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="modal-card-foot">
<button class="button" @click="open = false">
Close
</button>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="content has-text-centered">
<h3 class="subtitle is-5">
Supported languages
</h3>
<div class="columns is-centered">
<div class="column is-four-fifths is-hidden-mobile">
<div class="columns is-multiline">
<div class="footer-link-column column is-2">
<a href="/online-deno-editor">Deno</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-javascript-editor">JavaScript</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-nodejs-editor">NodeJS</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-python-compiler">Python</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-ruby-compiler">Ruby</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-go-compiler">Go</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-c-compiler">C</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-c++-compiler">C++</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-java-compiler">Java</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-csharp-compiler">C#</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-typescript-compiler">TypeScript</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-php-compiler">PHP</a>
</div>
<div class="footer-link-column column is-2">
<a href="/run-bash-online">Bash</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-r-compiler">R</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-octave-matlab-compiler">Octave (MATLAB)</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-fortran-compiler">Fortran</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-lua-compiler">Lua</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-erlang-compiler">Erlang</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-sql-editor">SQL</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-mysql-editor">MySQL</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-mongodb-editor">MongoDB</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-clojure-compiler">Clojure</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-d-compiler">D</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-perl-compiler">Perl</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-kotlin-compiler">Kotlin</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-swift-compiler">Swift</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-rust-compiler">Rust</a>
</div>
<div class="footer-link-column column is-2">
<a href="/online-assembly-asm-compiler">Assembly</a>
</div>
</div>
</div>
<div class="column is-four-fifths is-hidden-tablet">
<div class="columns is-multiline is-mobile">
<div class="footer-link-column column is-one-third">
<a href="/online-deno-editor">Deno</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-javascript-editor">JavaScript</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-nodejs-editor">NodeJS</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-python-compiler">Python</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-ruby-compiler">Ruby</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-go-compiler">Go</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-c-compiler">C</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-c++-compiler">C++</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-java-compiler">Java</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-csharp-compiler">C#</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-typescript-compiler">TypeScript</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-php-compiler">PHP</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/run-bash-online">Bash</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-r-compiler">R</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-octave-matlab-compiler">Octave (MATLAB)</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-fortran-compiler">Fortran</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-lua-compiler">Lua</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-erlang-compiler">Erlang</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-sql-editor">SQL</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-mysql-editor">MySQL</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-mongodb-editor">MongoDB</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-clojure-compiler">Clojure</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-d-compiler">D</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-perl-compiler">Perl</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-kotlin-compiler">Kotlin</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-swift-compiler">Swift</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-rust-compiler">Rust</a>
</div>
<div class="footer-link-column column is-one-third">
<a href="/online-assembly-asm-compiler">Assembly</a>
</div>
</div>
</div>
</div>
<br>
<a href="/guides">Programming guides</a> |
<a href="/legal#tos">Terms of service</a> |
<a href="/legal#privacy">Privacy policy</a> |
<a href="/contact-us">Contact us</a> |
    © 2019 - 2024 mycompiler.io.
</div>
</footer>
<script src="/static/js/1vpj3b0esheheqkn.js"></script><script src="/static/js/0tnc8mzug1x4ajsk.js"></script><script src="/static/js/3wvpkqxyfh4zsuk3.js"></script><script src="/static/js/489f52kxq434omaf.js"></script><script src="/static/js/33vkspfdsjbhblg6.js"></script><script src="/static/js/4qi1fpkx4bmvikaa.js"></script>


</body></html>