index.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <!--[if lte IE 6]><html class="preIE7 preIE8 preIE9"><![endif]-->
  3. <!--[if IE 7]><html class="preIE8 preIE9"><![endif]-->
  4. <!--[if IE 8]><html class="preIE9"><![endif]-->
  5. <!--[if gte IE 9]><!--><html><!--<![endif]-->
  6. <head>
  7. <meta charset="UTF-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width,initial-scale=1">
  10. <title>Open Debate</title>
  11. <meta name="author" content="name">
  12. <meta name="description" content="description here">
  13. <meta name="keywords" content="keywords,here">
  14. <link rel="shortcut icon" href="omega.png" type="image/vnd.microsoft.icon">
  15. <link rel="stylesheet" href="stylesheet.css" type="text/css">
  16. <!-- Compiled and minified CSS -->
  17. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  18. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  19. <style type="text/css">
  20. #top {
  21. margin-bottom: 2% !important;
  22. padding-left:50px; padding-top:1px;
  23. background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%);
  24. opacity:0.85;
  25. margin:0;
  26. position:absolute;
  27. position:sticky;
  28. }
  29. #title1 {
  30. margin-top:10%;
  31. width: 50%;
  32. background: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%);
  33. opacity:0.85;
  34. }
  35. #title2 {
  36. width: 50%;
  37. background: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%);
  38. opacity:0.85;
  39. }
  40. body {
  41. color:rgb(238, 238, 238);
  42. background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(image.jpg);
  43. background-blend-mode: darken;
  44. background-repeat: repeat-y;
  45. -webkit-background-size: 100%;
  46. -moz-background-size: 100%;
  47. background-size: 100%;
  48. }
  49. .info p{
  50. width:auto;
  51. width:50%;
  52. padding:5px;
  53. padding-left:105px;
  54. color:rgb(255, 255, 255) !important;
  55. background-color:rgba(0, 0, 0, 0.103);
  56. border-radius:5px;
  57. }
  58. p {
  59. margin-top:1%;
  60. font-size:18px;
  61. font-family: Monda;
  62. font-style: normal;
  63. font-weight: normal;
  64. font-size: 16px;
  65. line-height: 26px;
  66. letter-spacing: 0.05em;
  67. text-indent: 25px;
  68. color: rgb(255, 255, 255);
  69. }
  70. </style>
  71. </head>
  72. <body>
  73. <h1 id="top" >
  74. <span>
  75. <a href="index.html">Home</a> |
  76. <a href="rules.html">Open Debate Rules </a> |
  77. <a href="mumble_install.html">Voice Server</a>
  78. </span>
  79. </h1>
  80. <div id="title1">
  81. <p style="text-align: left; padding-right: 35%; font-size:30px !important;">What we stand for </p>
  82. </div>
  83. <div class="info" >
  84. <p style="color:hsla(0, 0%, 0%, 0.294);">The primary goal of Opendebate.club is to be inclusive to the largest number of intellectuals,
  85. debators and opinion makers, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly,
  86. safe and welcoming environment for people of all agrigations, regardless of gender, sexual orientation, ability, ethnicity,
  87. physical appearance and socioeconomic status.</p>
  88. </div>
  89. <div id="title2">
  90. <p style="text-align: left; padding-right: 35%; font-size:30px !important;">Who we are</p>
  91. </div>
  92. <div class="info" >
  93. <p style="color:hsla(0, 0%, 0%, 0.383);">We are thinkers, intellectuals, opinion makers, debators
  94. and most of all we are like minded individuals. We subscribe to progressive thinkers as well as
  95. great classical philosiphers of old. Our community is open to all people of good character and
  96. an honest heart for debate. If you believe you are ready to join the heavy weights in
  97. the battle ground of ideas, we welcome you to join by connecting to our <a href="mumble://iswc.pw?title=Root&version=1.2.0" >mumble server</a>.</p>
  98. </div>
  99. <script type="text/javascript">
  100. function autorun() { }
  101. if (window.addEventListener)
  102. window.addEventListener("load", autorun, false);
  103. else if (window.attachEvent)
  104. window.attachEvent("onload", autorun);
  105. else
  106. window.onload = autorun;
  107. </script>
  108. </body>
  109. <!-- Compiled and minified JavaScript -->
  110. <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  111. </html>