0% found this document useful (0 votes)

123 views

Codigo XD

This document is the HTML code for the website of a code search tool. It includes metadata, links to style sheets, and code for the navigation bar and search interface. The navigation bar includes links to features like code extraction from videos and pricing information. There is also JavaScript code to handle interactions like dropdown menus and alerts. Styling is provided for elements like the search suggestions, code editor, and toast notifications.

Uploaded by

erikdnjged

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

123 views

Codigo XD

Uploaded by

erikdnjged

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

You are on page 1/ 18

<!

DOCTYPE html>

<html data-wf-page="630837f83f689ac520eb1216" data-wf-
site="6307f6d10be3849c63e6c19f" class="w-mod-js w-mod-ix translated-
ltr"><head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</
style>
<meta charset="utf-8">
<title>Búsqueda de código</title>

<meta content="Blackbox" name="description">
<meta content="Code Search" property="og:title">
<meta content="Blackbox" property="og:description">
<meta content="Code Search" property="twitter:title">
<meta content="Blackbox" property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize-cs.css" rel="stylesheet" type="text/css">
<link href="../css/webflow-cs.css" rel="stylesheet" type="text/css">
<link href="../css/code-search.css" rel="stylesheet" type="text/css">

<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/js?id=G-
3ZPT60N811&l=dataLayer&cx=c"></script><script type="text/javascript"
async="" src="https://widget.intercom.io/widget/nfeq61mn"></script><script
type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-
mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof
DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../../style/images/favicon.svg" rel="shortcut icon" type="image/x-
icon">
<link href="../../style/images/webclip.png" rel="apple-touch-icon">
<script src="/codemirror/lib/codemirror.js"></script>
<link rel="stylesheet" href="/codemirror/lib/codemirror.css">
<script src="/codemirror/mode/javascript/javascript.js"></script>
<script src="/codemirror/addon/edit/closetag.js"></script>
<script src="/codemirror/addon/edit/closebrackets.js"></script>
<link rel="stylesheet" href="/codemirror/theme/cobalt.css">
<style>
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.d-none{
display: none;
}
.pricing {
padding-right: 20px;
padding-left: 20px;
}
.faq {
padding-right: 20px;
padding-left: 20px;
}
.suggestion-item {
padding: 10px;
cursor: pointer;
transition: 0.3s ease all;
display: flex;
align-items: center;
gap: 15px;
}

.suggestion-holder {
text-align: left;
}

.suggestion-icon {
width: 20px;
height: 20px;
background-color: #000;
}

.suggestion-text {
color: #fff;
font-size: 17px;
}
.suggestion-text:hover{
background-color: #1e2730;
}

.suggestion-subtext {
font-size: 12px;
}

.suggestion-menu {
flex-direction: column;
gap: 5px;
display: none;
z-index: 99999;
}

.suggestion-menu.active {
display: flex;
}

.suggestion-item:hover {
background-color: #181f26;
}

.suggestion-menu::-webkit-scrollbar {
width: 5px;
}

/* Track */
.suggestion-menu::-webkit-scrollbar-track {
background: transparent;
}

/* Handle */
.suggestion-menu::-webkit-scrollbar-thumb {
background: #888;
border-radius: 50px;
}

/* Handle on hover */
.suggestion-menu::-webkit-scrollbar-thumb:hover {
background: #555;
}
.toaster-alert {
position: fixed;
bottom: 20px;
left: 20px;
background-color: #0052CE;
color: white;
min-width: 182px;
z-index: 99999;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
transform: translateY(70px);
border-radius: 5px;
transition: 0.3s ease all;
margin-left: 550px;
}
.toaster-alert.active {
transform: translateY(0);
}

.toaster-alert img {
width: 16px;
cursor: pointer;
margin-left: 30px;
}
.CodeMirror{
height:auto;
background-color:transparent!important
}
.CodeMirror-gutters{
background-color:transparent!important;
border-right: 0!important;
}
.CodeMirror-linenumbers{
padding-right:20px;
}
.search-buttn img{
width:24px;
height:24px;
}
</style>
<script src="https://www.googletagmanager.com/gtag/js?l=dataLayer"
async=""></script><link type="text/css" rel="stylesheet" charset="UTF-8"
href="https://translate.googleapis.com/translate_static/css/translateelement.css"><
/head>
<body>
<div class="toaster-alert">
<div class="text content-centered"></div>
</div>
<div style="opacity: 1;" class="page-container">
<div data-collapse="medium" data-animation="default" data-duration="0" data-
easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="w-layout-grid navbar-list">
<a href="/landingPage" class="brand w-nav-brand"><img
src="../../style/images/Group-4.png" loading="lazy" alt="" class="image-
contain"></a>
<nav role="navigation" id="w-node-_90910534-8503-0140-553b-dd5cfa0cbf12-
fa0cbf10" class="navbar-nav-menu w-nav-menu">
<div data-hover="true" data-delay="250" class="nav-link w-dropdown">
<div class="nav-link-dropdown w-dropdown-toggle" id="w-dropdown-toggle-
0" aria-controls="w-dropdown-list-0" aria-haspopup="menu" aria-expanded="false"
role="button" tabindex="0">
<div><font style="vertical-align: inherit;"><font style="vertical-
align: inherit;">Todas las características</font></font><span class="nav-link-
sup"></span></div>
</div>
<nav class="nav-link-dropdown-list w-dropdown-list" id="w-dropdown-
list-0" aria-labelledby="w-dropdown-toggle-0" style="opacity: 0; display: none;">
<div class="nav-link-dropdown-content"><img
src="../../style/images/dropdown_angle.svg" loading="lazy" alt="" class="nav-link-
angle">
<div class="w-layout-grid nav-link-content-list">
<div id="w-node-_56189fd0-4411-09d7-8483-03e003fd4464-fa0cbf10"
class="nav-link-content">
<div class="w-layout-grid nav-link-column">
<a id="w-node-_71173191-d1d0-20d4-62d8-61472df44a41-fa0cbf10"
data-w-id="71173191-d1d0-20d4-62d8-61472df44a41" href="/onboarding-step1"
class="nav-link-wrap w-inline-block" tabindex="0">
<div id="w-node-f7041bd2-cf8e-6842-e6d6-9f0927a1da3f-
fa0cbf10" class="w-layout-grid nav-link-item">

<div id="w-node-d1796ec6-0f49-c1fd-20c5-2abb5464b91b-
fa0cbf10">
<div class="w-layout-grid nav-link-text-wrap">
<div class="nav-link-text"><font style="vertical-
align: inherit;"><font style="vertical-align: inherit;">Copiar código de
videos</font></font></div>

</div>
<div><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">La forma más rápida de copiar código de videos,
imágenes y PDF</font></font></div>
</div>
</div>
</a>
<a id="w-node-e649961b-5963-f53c-3a97-bc760aa3b788-fa0cbf10"
href="/search" class="nav-link-wrap w-inline-block w--current" tabindex="0">
<div id="w-node-e649961b-5963-f53c-3a97-bc760aa3b789-
fa0cbf10" class="w-layout-grid nav-link-item">

<div id="w-node-e649961b-5963-f53c-3a97-bc760aa3b78d-
fa0cbf10">
<div class="w-layout-grid nav-link-text-wrap">
<div class="nav-link-text"><font style="vertical-
align: inherit;"><font style="vertical-align: inherit;">Convierta cualquier
pregunta en código</font></font></div>

</div>
<div><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Encuentre cualquier fragmento de código al
instante y comience a codificar 100 veces más rápido</font></font></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
<a href="/pricing" class="pricing w-inline-block">
<div class="text-block-24"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Precios</font></font></div>
</a>
<a
href="https://intercom.help/blackbox-9e2da3ae09b7/en/collections/3613126-blackbox-
faq" class="faq w-inline-block">
<div class="text-block-24"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Preguntas más frecuentes</font></font></div>
</a>
</nav>
<div id="w-node-_90910534-8503-0140-553b-dd5cfa0cbf37-fa0cbf10"
class="navbar-controls">

<a href="/signup" class="button-animated-copy small w-inline-block">

<div class="button-label"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">Inscribirse</font></font></div>
<div class="button-hover-background"></div>
</a>
<a href="https://marketplace.visualstudio.com/items?
itemName=Blackboxapp.blackbox" style="margin-left:20px" class="button-animated
small w-inline-block">
<div class="button-label"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">Obtenga la extensión
VSCode</font></font></div>
<div class="button-hover-background"></div>
</a>

<!-- <div data-w-id="90910534-8503-0140-553b-dd5cfa0cbf3d" class="menu-

button w-nav-button">
<div class="menu-button-wrap">
<div class="menu-open">drag_handle</div>
<div class="menu-close">close</div>
</div>
</div> -->
</div>
</div>
<div class="navbar-shadow" style="will-change: opacity; opacity: 0;"></div>
<div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-0"></div></div>
<div class="section-under-navbar">
<div class="overflow-hidden">
<div class="section bg-neutral-800 curve-bottom">
<div class="container-xl">
<div class="bg-pattern-wrap centered"><img src="../../style/images/bg-
shape-006.png" loading="lazy" srcset="../../style/images/bg-shape-006-p-500.png
500w, ../../style/images/bg-shape-006-p-800.png 800w, ../../style/images/bg-shape-
006-p-1080.png 1080w, ../../style/images/bg-shape-006-p-1600.png 1600w,
../../style/images/bg-shape-006-p-2000.png 2000w, ../../style/images/bg-shape-
006.png 3200w" sizes="100vw" alt="" class="bg-pattern-image"></div>
<div class="margin-top margin-9xl">
<div class="content-centered">
<div class="margin-bottom margin-3xl">
<h1 class="title-lg _16ch"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">Convierta cualquier pregunta
</font></font><br><font style="vertical-align: inherit;"><font style="vertical-
align: inherit;">en </font></font><span class="text-span-4"><font style="vertical-
align: inherit;"><font style="vertical-align:
inherit;">{Código}</font></font></span><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;"> .</font></font></h1>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class="overflow-hidden">
<div class="section bg-tile-top bg-neutral-600">
<div class="container-lg">
<div class="search">
<div class="form-block w-form">
<div id="email-form" name="email-form" data-name="Email Form"
method="get" class="form">

<input id="input-search" style="padding-right: 80px; border-radius:

10px 10px 0px 0px;" type="search" class="text-field-rounded w-input gist-input"
maxlength="256" name="email" data-name="Email" placeholder="Escribe tu pregunta
aqui" autocomplete="off" required="">

<div class="submit-inside" style="transition: 0.3s ease all;">

<div onclick="searchResult()" id="tippy" class="button-animated
small w-button search-buttn">
<svg class="search-icon" xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24">
<title>search</title>
<g fill="none">
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5
6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-
5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
fill="currentColor"></path>
</g>
</svg>
<img src="/style/images/loader.svg" class="loader d-none"
alt="">

</div>

</div>
<div class="suggestion-menu active" style="
position:
absolute;
top: 100%;
left: 50%;
transform:
translateX(-50%);
width: 100%;
border-left:
1px solid transparent;
border-
right: 1px solid transparent;
border-
bottom: 1px solid transparent;
border-
radius: 0 0 10px 10px;
background-
color: #1e2730;
max-height:
235px;
overflow-y:
scroll;
">
<div
class="suggestion-item">
<!-- <div
class="suggestion-icon" >

</div> -->
<div
class="suggestion-holder">
<div
class="suggestion-text" style="padding-top:10px;padding-bottom:10px;padding-left:
30px; cursor: pointer;" onclick="populateSearch(0)"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">

Cómo obtener los datos de stock de Tesla en python

</font></font></div>
<div class="suggestion-text" style="padding-
top:10px;padding-bottom:10px;padding-left: 30px; cursor: pointer;"
onclick="populateSearch(1)"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">

Crea un producto con stripe en nodejs

</font></font></div>
<div class="suggestion-text" style="padding-
top:10px;padding-bottom:10px;padding-left: 30px; cursor: pointer;"
onclick="populateSearch(2)"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">

Escribir un bucle for en python

</font></font></div>
<!--
<div

class="suggestion-subtext"
>

humbled by a little

error
</div>
-->
</div>
</div>
</div>
</div>
</div>
<div class="example" style="color:white;"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">Intente buscar:
</font></font><span onclick="populateSearch(0)" style="cursor:
pointer;" class="text-span-5"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">"cómo obtener los datos de stock de Tesla en
python"</font></font></span>
</div>
</div>
<div class="process-steps-item rounded-xs fade-in-on-scroll"
style="opacity: 0; transform: translate3d(0px, 24px, 0px) scale3d(0.96, 0.96, 1)
rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style:
preserve-3d;">
<div class="margin-bottom margin-xl">
<div class="w-layout-grid caption-holder">
<div class="w-layout-grid row-sm">
<div onclick="copyCode()" id="copy-code" class="caption"
style="cursor:pointer;"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Copiar fragmento de código</font></font></div>
</div>
<div id="w-node-bb162d5f-df78-4512-9df7-ba1fce4d4fcd-20eb1216"
class="line-holder">
<div id="w-node-bb162d5f-df78-4512-9df7-ba1fce4d4fce-20eb1216"
class="line-animated" style="width: 0%;"></div>
</div>
</div>
</div>
<div class="gist-area"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Intenta otra búsqueda</font></font></div>
</div>
</div>
</div>
</div>
<div class="footer-1-dark-with-cta">
</div>
</div>
<div class="preloader" style="display: none; opacity: 0;"><img
src="../../style/images/loader_three-dots-white.svg" loading="lazy" alt=""
class="preloader-image"></div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-
3.5.1.min.dc5e7f18c8.js?site=6307f6d10be3849c63e6c19f" type="text/javascript"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="../js/webflow-cs.js" type="text/javascript"></script>
<script>
var searchCount = 0;
var codeResponse = ``
var userId = ""
if (userId == ''){//logged out
if (localStorage.getItem('userId')==null){
localStorage.setItem('userId', crypto.randomUUID())
}
userId = localStorage.getItem('userId');
}
function searchResult(){
if(!$(".text-holder").hasClass("loader")){
const query = $(".gist-input").val().trim()
var textInput = query
if (query.split(' ').length <=2) {
feedBackToaster('No results: Try using more than 2 words')
$('.search-icon')[0].classList.remove('d-none')
$('.loader')[0].classList.add('d-none')
}
if(query.split(' ').length > 2){
// showLoader()
$('.search-icon')[0].classList.add('d-none')
$('.loader')[0].classList.remove('d-none')
$.ajax({
url:"/autocomplete",
method: "POST",
contentType:"application/json",
data: JSON.stringify({
userId: userId,
textInput: query,
source: "webapp"
}),
success:function(res){
if(res.status === "success"){
$('.search-icon')[0].classList.remove('d-none')
$('.loader')[0].classList.add('d-none')
if(res.response === undefined || res.response.trim() === ""){
$('.gist-area')[0].innerText="Try another search"
// disableArea()
// removeLoader()
}
else{
// console.log('res.response: ', res.response)
codeResponse = res.response
var fullTextArr = res.response.split('\n');
var fullHtml = ``
for (var i=0;i<fullTextArr.length;i++){
fullTextArr[i] = fullTextArr[i].split(' ').join(' ')
fullHtml+=`<br>${fullTextArr[i]}`
}
// $('.gist-area')[0].innerHTML=fullHtml
codeMirrorEditor.setValue(codeResponse)
searchLimit(codeResponse)
// enableArea()
// removeLoader()
}
$(".suggestion-menu").removeClass("active")
$(".gist-input").css("border-radius", "2em")

}
}
})
}
}
}
$(document).on("keydown", ".gist-input", function(e){
const key = e.key
if(key === "Enter"){
$('.search-icon')[0].classList.add('d-none')
$('.loader')[0].classList.remove('d-none')
if(!$(".text-holder").hasClass("loader")){
const query = $(".gist-input").val().trim()
var textInput = query
if (query.split(' ').length <=2) {
feedBackToaster('No results: Try using more than 2 words')
$('.search-icon')[0].classList.remove('d-none')
$('.loader')[0].classList.add('d-none')
}
if(query.split(' ').length > 2){
// showLoader()
$.ajax({
url:"/autocomplete",
method: "POST",
contentType:"application/json",
data: JSON.stringify({
userId: userId,
textInput: query,
source: "webapp"
}),
success:function(res){
if(res.status === "success"){
$('.search-icon')[0].classList.remove('d-none')
$('.loader')[0].classList.add('d-none')
if(res.response === undefined || res.response.trim() === ""){
$(".gist-area").val("Try another search")
// disableArea()
// removeLoader()
}
else{
// console.log('res.response: ', res.response)
codeResponse = res.response
var fullTextArr = res.response.split('\n');
var fullHtml = ``
for (var i=0;i<fullTextArr.length;i++){
fullTextArr[i] = fullTextArr[i].split(' ').join(' ')
fullHtml+=`<br>${fullTextArr[i]}`
}
// $('.gist-area')[0].innerHTML=fullHtml
codeMirrorEditor.setValue(codeResponse)
searchLimit(codeResponse)
// enableArea()
// removeLoader()
}
$(".suggestion-menu").removeClass("active")
$(".gist-input").css("border-radius", "2em")

}
}
})
}
}
}
})
function populateSearch(i){
var response = ''
if (i==0){
$(".gist-input")[0].value = 'how to get the stock data of Tesla in python'
response = `
import urllib.request, json
resp = urllib.request.urlopen('https://query2.finance.yahoo.com/v10/finance/
quoteSummary/tsla?modules=price')
data = json.loads(resp.read())
price = data['quoteSummary']['result'][0]['price']['regularMarketPrice']['raw']
print(price)
`
// $('.gist-area')[0].innerText=response
codeMirrorEditor.setValue(response)
selection('Demo Search')
$(".suggestion-menu").removeClass("active")
$(".gist-input").css("border-radius", "2em")
}else if(i==1){
$(".gist-input")[0].value = 'Create a product with stripe in nodejs'
response=`const stripe = require('stripe')('sk_test_your_key');

const product = await stripe.products.create({

name: 'Gold Special',
});`
}else if(i==2){
$(".gist-input")[0].value = 'Write a for loop in python'
response = `mylist = [1,2,3]
for item in mylist:
print item

mydict = {1:'one', 2:'two', 3:'three'}

for key in mydict:
print key, mydict[key]

for i, item in enumerate(mylist):

mylist[i] = item**2
`
// searchResult()
}
codeResponse = response;
var fullTextArr = response.split('\n');
var fullHtml = ``
for (var i=0;i<fullTextArr.length;i++){
fullTextArr[i] = fullTextArr[i].split(' ').join(' ')
fullHtml+=`<br>${fullTextArr[i]}`
}
// $('.gist-area')[0].innerHTML=fullHtml
codeMirrorEditor.setValue(codeResponse)
selection('Demo Search')
$(".suggestion-menu").removeClass("active")
$(".gist-input").css("border-radius", "2em")
}

function copyCode() {
copyTextToClipboard(codeResponse)
document.getElementById('copy-code').innerText = `CODE SNIPPET COPIED!`
setTimeout ( async function ( ) {
document.getElementById('copy-code').innerText = `COPY CODE SNIPPET`
} , 3000 )
selection('Copied Search')
}

function copyTextToClipboard(element) {
var $temp = $("<textarea>")
$("body").append($temp)
$temp.val(element).select()
document.execCommand("copy")
$temp.remove()
}

try {
userId = ""
if (userId == '') {
if(searchCount % 5 == 0 && searchCount != 0)
window.location.href=`/signup?ref=websearch`
} else {
if(searchCount % 10 == 0 && searchCount != 0)
window.location.href=`/pricing?userId=${userId}&ref=search`
}
}catch(e){
window.location.href='/pricing?ref=search'
}
}
}
function feedBackToaster(msg) {
const toaster = $(".toaster-alert")
$(toaster).find(".text").text(msg)
if (!$(toaster).hasClass("active")) {
$(toaster).addClass("active")
}
setTimeout(() => {
$(toaster).removeClass("active")
}, 3000)
}
</script>
<script>
var codeMirrorEditor = CodeMirror.fromTextArea($("#codemirror-textarea")[0], {
lineNumbers: true,
theme:"cobalt",
mode: "javascript",
autoCloseBrackets: true,
viewportMargin: Infinity,
})
if (window.location.href.inlcudes('?q=') == false) populateSearch(1)
</script>

<iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !

important; width: 1px !important; height: 1px !important; top: 0 !important; left:
0 !important; border: none !important; display: block !important; z-index: -1 !
important; pointer-events: none;" aria-hidden="true" tabindex="-1"
title="Intercomunicador"></iframe><div id="intercom-container" class="intercom-
namespace"><style>html.intercom-mobile-messenger-active,html.intercom-mobile-
messenger-active > body,html.intercom-modal-open,#intercom-container-
body{overflow:hidden !important;}html.intercom-mobile-messenger-
active,html.intercom-mobile-messenger-active > body{position:static !
important;transform:none !important;}html.intercom-mobile-messenger-active >
body{height:0 !important;margin:0 !important;}html.intercom-mobile-messenger-
active.intercom-mobile-messenger-ios-15 > body{height:100vh !
important;}iframe#intercom-frame{position:absolute !important;opacity:0 !
important;width:1px !important;height:1px !important;top:0 !important;left:0 !
important;border:none !important;display:block !important;z-index:-1 !
important;}</style><div class="intercom-app" aria-live="polite"><div
class="intercom-messenger-frame ed8ycz92 intercom-y8m8f1 ed8ycz90"></div><div
class="intercom-dfosxs e2u51n60"><iframe allowfullscreen="" class="intercom-
launcher-frame intercom-18oe9b8 efr23pf0" name="intercom-launcher-frame"
title="Chat en vivo de intercomunicador" data-intercom-frame="true"
role="dialog"></iframe><div class="intercom-142wgyh e1g2dbjq0"><span data-
testid="active-notifications" class="intercom-d88tdv e1lwd7c40"><font
style="vertical-align: inherit;"><font style="vertical-align:
inherit;">1</font></font></span></div></div><div
id="intercom-modal-container"></div></div></div><div id="goog-gt-tt"
class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div
class="logo"><img
src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png"
width="20" height="20" alt="Google Traductor de Google"></div></div></div><div
class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title
gray">Texto original</h1></div><div class="middle" style="padding: 8px;"><div
class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div
class="activity-links"><span class="activity-link">Sugiere una traducción
mejor</span></div><div class="started-activity-container"><hr style="color: #CCC;
background-color: #CCC; height: 1px; border: none;"><div
class="activity-root"></div></div></div><div class="status-message" style="display:
none;"></div></div><div id="intercom-css-container"><style data-emotion="intercom-
global"></style><style data-emotion="intercom"></style></div><div class="goog-te-
spinner-pos goog-te-spinner-pos-show"><div class="goog-te-spinner-animation goog-
te-spinner-animation-show"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-
spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-
spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33"
r="30"></circle></svg></div></div></body></html>
<head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style>
<meta charset="utf-8">
<title>Búsqueda de código</title>

<meta content="Blackbox" name="description">
<meta content="Code Search" property="og:title">
<meta content="Blackbox" property="og:description">
<meta content="Code Search" property="twitter:title">
<meta content="Blackbox" property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize-cs.css" rel="stylesheet" type="text/css">
<link href="../css/webflow-cs.css" rel="stylesheet" type="text/css">
<link href="../css/code-search.css" rel="stylesheet" type="text/css">

<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/js?id=G-
3ZPT60N811&l=dataLayer&cx=c"></script><script type="text/javascript"
async="" src="https://widget.intercom.io/widget/nfeq61mn"></script><script
type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-
mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof
DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../../style/images/favicon.svg" rel="shortcut icon" type="image/x-
icon">
<link href="../../style/images/webclip.png" rel="apple-touch-icon">
<script src="/codemirror/lib/codemirror.js"></script>
<link rel="stylesheet" href="/codemirror/lib/codemirror.css">
<script src="/codemirror/mode/javascript/javascript.js"></script>
<script src="/codemirror/addon/edit/closetag.js"></script>
<script src="/codemirror/addon/edit/closebrackets.js"></script>
<link rel="stylesheet" href="/codemirror/theme/cobalt.css">
<style>
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.d-none{
display: none;
}
.pricing {
padding-right: 20px;
padding-left: 20px;
}
.faq {
padding-right: 20px;
padding-left: 20px;
}
.suggestion-item {
padding: 10px;
cursor: pointer;
transition: 0.3s ease all;
display: flex;
align-items: center;
gap: 15px;
}