index.html

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Pierwsze koty za płoty</title>
<style>
.button
{
 background-color: #b57614;
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 margin: 4px 2px;
 border-radius: 4px;
}
.niebieskie {background-color: #008CBA;}
</style>
</head>
<body>
  <h1>Początek</h1>
  Używamy tu Node.js <span id="node-version"></span>,
  Chromium <span id="chrome-version"></span>,
  i Electron <span id="electron-version"></span>.

<hr/>

  Testowanie przycisku<br/>

  <button class="button" onclick="funruby()">Program w Ruby</button>
  <p id="przyciskruby">Wynik przycisku</p>

  <!-- Wczytujemy js, np. do poprawienia wyglądu -->
  <script src="./renderer.js"></script>
</body>
</html>