A Pen by Thomas

Thumbnail
This awesome code was written by thomaskolmans, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright thomaskolmans ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Thomas</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div id="content">
<li>Advocatuur</li>
<li>Alternatieve geneeskunde</li>
<li>Ambachten</li>
<li>Amusement</li>
<li>Animatie</li>
<li>Architectuur en ruimtelijke ordening</li>
<li>Auto-industrie</li>
<li>Bankwezen</li>
<li>Basisonderwijs/middelbaar onderwijs</li>
<li>Beveiliging en recherche</li>
<li>Bibliotheken</li>
<li>Biotechnologie</li>
<li>Bouw</li>
<li>Bouwmateriaal</li>
<li>Burgerlijke en sociale organisatie</li>
<li>Chemie</li>
<li>Civiele techniek</li>
<li>Commercieel vastgoed</li>
<li>Computer- en netwerkbeveiliging</li>
<li>Computerhardware</li>
<li>Computernetwerken</li>
<li>Computersoftware</li>
<li>Computerspellen</li>
<li>Conflictbemiddeling</li>
<li>Consumentenelektronica</li>
<li>Consumptiegoederen</li>
<li>Cosmetica</li>
<li>Defensie</li>
<li>Defensie en ruimtevaart</li>
<li>Denktanks</li>
<li>Design</li>
<li>Detailhandel</li>
<li>Diergeneeskunde</li>
<li>Directie</li>
<li>Draadloze industrie</li>
<li>Drukwerkindustrie</li>
<li>Durfkapitaal en privévermogen</li>
<li>Duurzaamheid en milieu</li>
<li>E-learning</li>
<li>Evenementenservices</li>
<li>Facilitaire diensten</li>
<li>Farmaceutica</li>
<li>Filantropie</li>
<li>Filmindustrie</li>
<li>Financiële administratie</li>
<li>Financiële diensten</li>
<li>Fondsenwerving</li>
<li>Fotografie</li>
<li>Geestelijke gezondheidszorg</li>
<li>Geneeskunde</li>
<li>Gezondheid, wellness en fitness</li>
<li>Gezondheidszorg</li>
<li>Glas, keramiek en beton</li>
<li>Gokken en casino’s</li>
<li>Grafisch ontwerp</li>
<li>Groothandel</li>
<li>Halfgeleiders</li>
<li>Hoger onderwijs</li>
<li>Horeca en toerisme</li>
<li>Human resources</li>
<li>Import en export</li>
<li>Individuele en familiale services</li>
<li>Industriële automatisering</li>
<li>Informatieservices</li>
<li>Informatietechnologie en services</li>
<li>Internationale betrekkingen en diplomatieke dienst</li>
<li>Internationale handel en ontwikkeling</li>
<li>Internet</li>
<li>Investeringsbankwezen</li>
<li>Juridische dienstverlening</li>
<li>Kantoorbenodigdheden en -apparatuur</li>
<li>Kapitaalmarkten</li>
<li>Klantenservice</li>
<li>Kleding en mode</li>
<li>Kranten</li>
<li>Kunst</li>
<li>Landbouw</li>
<li>Logistiek en supply chain</li>
<li>Luchtvaart en luchtvaartmaatschappijen</li>
<li>Luchtvaart en ruimtevaart</li>
<li>Luxeartikelen en juwelen</li>
<li>Machines</li>
<li>Magazijn</li>
<li>Management consulting</li>
<li>Marketing en reclame</li>
<li>Marktonderzoek</li>
<li>Mechanische of industriële techniek</li>
<li>Mediaproductie</li>
<li>Medische apparatuur</li>
<li>Meubilair</li>
<li>Mijnbouw en metalen</li>
<li>Milieuservices</li>
<li>Musea en instellingen</li>
<li>Muziek</li>
<li>Nanotechnologie</li>
<li>Non-profitorganisatie-management</li>
<li>Nutsbedrijf</li>
<li>Olie en energie</li>
<li>Onderwijsmanagement</li>
<li>Onderzoek en wetenschap</li>
<li>Online media</li>
<li>Openbaar bestuur</li>
<li>Openbare veiligheid</li>
<li>Outsourcing/Offshoring</li>
<li>Overheidsbetrekkingen</li>
<li>Pakket-/goederenbezorging</li>
<li>Papier- en bosproducten</li>
<li>Personeel en werven</li>
<li>Plastic</li>
<li>Podiumkunsten</li>
<li>Politieke organisatie</li>
<li>Productie elektrische/elektronische goederen</li>
<li>Professionele training en coaching</li>
<li>Programmaontwikkeling</li>
<li>Public relations en communicatie</li>
<li>Radio en tv</li>
<li>Rechterlijke macht</li>
<li>Recreatiefaciliteiten en -services</li>
<li>Religieuze instellingen</li>
<li>Restaurants</li>
<li>Rijksoverheid</li>
<li>Scheepsbouw</li>
<li>Scheepvaart</li>
<li>Schrijven en redactie</li>
<li>Slijterijen</li>
<li>Spoorwegbouw</li>
<li>Sport</li>
<li>Sport- en fitnessartikelen</li>
<li>Supermarkten</li>
<li>Tabak</li>
<li>Telecommunicatie</li>
<li>Textiel</li>
<li>Transport/vrachtvervoer/spoorwegen</li>
<li>Uitgeverij</li>
<li>Vastgoed</li>
<li>Veeteelt</li>
<li>Vermogensbeheer</li>
<li>Verpakkingen en containers</li>
<li>Vertalingen en lokalisatie</li>
<li>Verzekeringen</li>
<li>Visserij</li>
<li>Voedsel en dranken</li>
<li>Voedselproductie</li>
<li>Vrije tijd, reizen en toerisme</li>
<li>Wetgeving</li>
<li>Wetshandhaving</li>
<li>Zuivel</li>
</div>
<div id="result"></div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/thomaskolmans/a-pen-by-thomas-JrWaRb */
#content {
  display: none;
}

.parent {
  font-weight: 900;
}
.parent li {
  list-style: none;
  font-weight: normal;
  padding-left: 25px;
}


/*Downloaded from https://www.codeseek.co/thomaskolmans/a-pen-by-thomas-JrWaRb */
$(document).ready(function () {
  var r = void 0;
  $("#content > li").each(function (i, index) {
    r += "INSERT INTO `catagories` VALUES() <br>";
  });
  $("#result").append(r);
});
function doGet(txt, handle) {
  var sourceText = txt;
  var sourceLang = 'en';
  var targetLang = 'nl';

  var url = "https://translate.googleapis.com/translate_a/single?client=gtx&sl=" + sourceLang + "&tl=" + targetLang + "&dt=t&q=" + encodeURI(sourceText);

  var request = new XMLHttpRequest();
  request.open('GET', url, true);

  request.onload = function () {
    if (request.status >= 200 && request.status < 400) {
      // Success!
      var data = JSON.parse(request.responseText);
      var finaltext = '';
      for (var i = 0; i < data[0].length; i++) {
        finaltext += data[0][i][0];
      }
      handle(finaltext);
    }
  };
  request.send();
}

Comments