The web design and pages for my personal website.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

44 lines
1.1 KiB

  1. {{ define "title" }}Start Page{{ end }}
  2. {{ define "content" }}
  3. <h1>Start Page</h1>
  4. <h2>Google</h2>
  5. <form method="GET" class="form-inline" action="https://www.google.com/search">
  6. <input type="text" size="80" class="form-control inline" name="q" id="google-search">
  7. <button type="submit" class="btn btn-primary">Go</button>
  8. </form>
  9. <p>
  10. <button data-url="https://hangouts.google.com/" class="app btn btn-primary">Google Hangouts</button>
  11. </p>
  12. <h2>Slack Teams</h2>
  13. <p>
  14. <button data-url="https://with-in.slack.com/" class="app btn btn-primary">WITHIN</button>
  15. <button data-url="https://la-engineers.slack.com/" class="app btn btn-primary">LA-Engineers</button>
  16. <button data-url="https://botmakers.slack.com/" class="app btn btn-primary">Botmakers</button>
  17. </p>
  18. <em>David is the best.</em>
  19. {{ end }}
  20. {{define "scripts" }}
  21. <script>
  22. $(document).ready(function() {
  23. $("#google-search").focus();
  24. $("button.app").click(function() {
  25. var url = $(this).attr("data-url");
  26. launchApp(url);
  27. });
  28. });
  29. function launchApp(url) {
  30. window.open(url, "_blank", "width=1024,height=768,location=0,menubar=0,resizable=1,scrollbars=1,status=0,toolbar=0");
  31. }
  32. </script>
  33. {{ end }}