- ID de l'analyse :
- 98127c7a-d98f-4ce6-bd4c-d472786b6b1bTerminée
- URL soumise :
- https://www.mycompiler.io/view/B2ybHfTwgfX
- Fin du rapport :
Liens : 7 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
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 |
Variables JavaScript : 18 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
gtag | function |
dataLayer | object |
_sentryDebugIds | object |
webpackChunkmycompiler | object |
hotkeys | function |
__SENTRY__ | object |
_bsaViewableFaker | function |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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="{"open":false,"themeLoading":false,"theme":"light","showLocales":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 && theme == 'dark'">
<i class="fas fa-sun"></i>
</template>
<template x-if="!themeLoading && 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="{"text":"https:\/\/www.mycompiler.io\/view\/B2ybHfTwgfX","copied":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="{"running":false,"output":"(Run the program to view its output)"}" @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">'<ul class="components"></ul>'</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&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&utm_medium=ad_via_link&utm_campaign=in_unit&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="{"comments":[{"content":"<ul>\n<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>\n<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>\n<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>\n<li>GitHub: <a href=https:\/\/nijidraw.deno.dev\/ rel=\"nofollow ugc noreferrer\"><img src=\"https:\/\/nijidraw.deno.dev\/\" alt=\"GitHub icon\" \/><\/a><\/li>\n<li><a href=\"\/?random-post=1\">Random Article<\/a><\/li>\n<li><a href=\"#\">Switch Skin<\/a><\/li>\n<li><a href=https:\/\/nijidraw.com\/ rel=\"nofollow ugc noreferrer\">Search<\/a>: \n<ul>\n<li>\n<pre><code class=\"language-&lt;form\">\n&lt;input id=\"search-input\" inputmode=\"search\" type=\"text\" name=\"s\" title=\"Search for\" placeholder=\"Search for\"&gt;\n&lt;button id=\"search-submit\" type=\"submit\"&gt;\n&lt;span class=\"tie-icon-search tie-search-icon\" aria-hidden=\"true\"&gt;&lt;\/span&gt;\n&lt;span class=\"screen-reader-text\"&gt;Search for&lt;\/span&gt;\n&lt;\/button&gt;\n&lt;\/form&gt;```<\/code><\/pre>\n<\/li>\n<\/ul><\/li>\n<\/ul>","author":"niji","created_at":"2024-11-02 00:06:32 UTC"}],"error":"","loading":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">
<input id="search-input" inputmode="search" type="text" name="s" title="Search for" placeholder="Search for">
<button id="search-submit" type="submit">
<span class="tie-icon-search tie-search-icon" aria-hidden="true"></span>
<span class="screen-reader-text">Search for</span>
</button>
</form>```</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="{"open":false,"text":"<script async src=\"https:\/\/www.mycompiler.io\/static\/js\/embedv2.js#id:B2ybHfTwgfX\"><\/script>","copied":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>