index.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  9. integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10. <!-- style -->
  11. <!-- <link rel="stylesheet" href="style.css"> -->
  12. <title>Sahaja Yoga Sangham</title>
  13. <style>
  14. /* X-Small devices (portrait phones, less than 576px)*/
  15. @media (max-width: 768px) {
  16. p {
  17. font-size: 130%;
  18. }
  19. li {
  20. font-size: 130%;
  21. }
  22. }
  23. /* Small devices (landscape phones, 576px and up) */
  24. /* bootstrap default size */
  25. /* Medium devices (tablets, 768px and up) */
  26. @media (min-width: 768px) {
  27. img {
  28. height: 60%;
  29. width: 100%;
  30. }
  31. p {
  32. font-size: x-large;
  33. }
  34. li {
  35. font-size: x-large;
  36. }
  37. }
  38. /* Large devices (desktops, 992px and up) */
  39. @media (min-width: 992px) {
  40. img {
  41. width: 90%;
  42. }
  43. p {
  44. font-size: large;
  45. }
  46. li {
  47. font-size: large;
  48. }
  49. }
  50. /* X-Large devices (large desktops, 1200px and up) */
  51. @media (min-width: 1200px) {
  52. img {
  53. /* max-height: 50%; */
  54. max-width: 70%;
  55. }
  56. }
  57. /* //XX-Large devices (larger desktops, 1400px and up) */
  58. @media (min-width: 1400px) {
  59. img {
  60. max-width: 50px;
  61. }
  62. }
  63. body {
  64. background-color: #ffe4e1;
  65. }
  66. /* need to find a link color solution */
  67. a {
  68. color: blue;
  69. }
  70. .hLink {
  71. color: black;
  72. }
  73. .hLink:hover {
  74. color: black;
  75. /* text-decoration: none; */
  76. }
  77. .card {
  78. border: none;
  79. border-radius: 15px;
  80. }
  81. .gradient-bg {
  82. background: rgb(253, 207, 184);
  83. background: linear-gradient(90deg, rgba(253, 207, 184, 1) 31%, rgba(250, 157, 111, 1) 95%);
  84. }
  85. .default-bg {
  86. background-color: #ffe4e1;
  87. }
  88. </style>
  89. </head>
  90. <body class="">
  91. <header class=" text-center my-5">
  92. <h1>Sahaja Yoga Sangham</h1>
  93. <h4 class="mt-3">Access to all services on this site only for Sahaja Yogis with a valid Sahaj ID </h4>
  94. </header>
  95. <br>
  96. <main>
  97. <article>
  98. <!-- sahaj ID section start -->
  99. <section class="mx-0 card mb-3 gradient-bg" id="">
  100. <div class=" row g-0 my-4">
  101. <div class="col-md-4 d-flex align-items-center justify-content-center">
  102. <a href="mailto:register@sahaja.yoga">
  103. <img class="bg-dark img-fluid mx-auto"
  104. src="https://sangham.sahaja.yoga/files/2020/10/logo.png" alt="Sahaj ID">
  105. </a>
  106. </div>
  107. <div class="col-md-8">
  108. <div class="card-body">
  109. <h3 class="card-title text-center mb-4">Sahaj ID</h3>
  110. <p class="card-text mb-0">If you do not have your Sahaj ID, you can obtain it by sending
  111. your
  112. request to <a href="mailto:register@sahaja.yoga">register@sahaja.yoga</a>.</p>
  113. <p class="card-text mb-1"> Please send following information with your E-mail:</p>
  114. <ul class="card-text mb-1">
  115. <li>First name(s)</li>
  116. <li>Family name(s)</li>
  117. <li>E-mail address</li>
  118. <li>Country Local Sahaj Coordinators Name and Email</li>
  119. </ul>
  120. <p class="card-text">Note: If you have access to Amruta, please state
  121. your username in the E-mail.</p>
  122. </div>
  123. </div>
  124. </div>
  125. </section>
  126. <!-- sahaj ID section end -->
  127. <!-- sahaj Forum start -->
  128. <section class="card mb-3 default-bg" id="">
  129. <div class=" row g-0 my-4">
  130. <div class="col-md-4 d-flex align-items-center justify-content-center">
  131. <a href="https://forum.sahaja.yoga">
  132. <img class="bg-dark img-fluid mx-auto"
  133. src="https://sangham.sahaja.yoga/files/2020/10/logo.png" alt="Sahaj Forum">
  134. </a>
  135. </div>
  136. <div class="col-md-8">
  137. <div class="card-body">
  138. <h3 class="card-title text-center mb-4"><a class="hLink"
  139. href="https://forum.sahaja.yoga">Sahaj Forum</a></h3>
  140. <p class="card-text">Sahaja Yoga Forum: <a
  141. href="https://forum.sahaja.yoga">https://forum.sahaja.yoga</a></p>
  142. <p class="card-text"> Our forum is a place to exchange information and ideas on a
  143. global level. Take part in global and local discussions and help advance Sahaja Yoga to
  144. a new level of sangham wide cooperation. There are no designated moderators for the
  145. content, the sangham itself acts as a collective force to keep our conversations clean.
  146. </p>
  147. </div>
  148. </div>
  149. </div>
  150. </section>
  151. <!-- sahaj Forum end -->
  152. <!-- sahaj Vault/share start -->
  153. <section class="card mb-3 gradient-bg" id="">
  154. <div class=" row g-0 my-4">
  155. <div class="col-md-4 d-flex align-items-center justify-content-center">
  156. <a href="https://share.sahaja.yoga">
  157. <img class="bg-dark img-fluid mx-auto"
  158. src="https://sangham.sahaja.yoga/files/2020/10/logo.png" alt="Sahaj Vault">
  159. </a>
  160. </div>
  161. <div class="col-md-8">
  162. <div class="card-body">
  163. <h3 class="card-title text-center mb-4"><a class="hLink"
  164. href="https://share.sahaja.yoga">Sahaja Yoga Share Vault</a></h3>
  165. <p class="card-text">Sahaja Yoga Forum: <a
  166. href="https://share.sahaja.yoga">https://share.sahaja.yoga</a></p>
  167. <p class="card-text">Here we can store and share documents, graphics, designs, photos, etc.
  168. and make them globally available to the sangham. This platform also has a Trello-like
  169. project management tool Deck and offers a Calendar and a simple chat function as well.
  170. If you would like to upload larger files, please contact the admin.
  171. </p>
  172. </div>
  173. </div>
  174. </div>
  175. </section>
  176. <!-- sahaj Vaults/share end -->
  177. <!-- sahaj Meet start -->
  178. <section class="card mb-3 default-bg" id="">
  179. <div class=" row g-0 my-4">
  180. <div class="col-md-4 d-flex align-items-center justify-content-center">
  181. <a href="https://meet.sahaja.yoga">
  182. <img class="bg-dark img-fluid mx-auto"
  183. src="https://sangham.sahaja.yoga/files/2020/10/logo.png" alt="Sahaj Meet">
  184. </a>
  185. </div>
  186. <div class="col-md-8">
  187. <div class="card-body">
  188. <h3 class="card-title text-center mb-4"><a class="hLink"
  189. href="https://meet.sahaja.yoga">Sahaja Yoga Meet</a></h3>
  190. <p class="card-text">Sahaja Yoga Meet: <a
  191. href="https://meet.sahaja.yoga">https://meet.sahaja.yoga</a></p>
  192. <p class="card-text">Based on Jitsi, we offer a Zoom-like experience but free of charge and
  193. on our SY servers. Meetings can also be streamed to YouTube if a larger audience is
  194. needed. Includes: Share Screen, share videos, chat, password protection, etc.
  195. </p>
  196. </div>
  197. </div>
  198. </div>
  199. </section>
  200. <!-- sahaj Meet end -->
  201. </article>
  202. </main>
  203. <!-- Optional JavaScript -->
  204. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  205. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  206. integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  207. crossorigin="anonymous"></script>
  208. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  209. integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
  210. crossorigin="anonymous"></script>
  211. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
  212. integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
  213. crossorigin="anonymous"></script>
  214. </body>
  215. </html>