index.html

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preload" href="fonts/Alef-Regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="fonts/Alef-Bold.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="stylesheet" href="styles/index.css">
    <title>אוליפֹה</title>
    <noscript><style>body {visibility: visible}</style></noscript>
</head>
<body onload="document.body.style.visibility = 'visible'">
    <h3 id="nav">
    <a style="visibility: hidden">מי פה?</a>
    <a href="resen/" class="rotating_border">רֶסֶן – כתב עת</a>
    <a href="whom.html">מי פה?</a>
    </h3>
    <div>
        <h2>אולי שם? אולי כאן? אולי כן? אולי לא?</h2>
        <h1>אוליפ<span class="dot">ֹ</span>ה!</h1>
        <h2 id="word">קבוצת מחקר ליצירה עברית </h2>
    </div>
    <h3>אנחנו בהקמה! רוצות להשתתף? להתעדכן? לדבר? <a href="https://forms.gle/ayPSSeHk3KL4ALGa9">בואו!</a></h3>
    <script>
        words = ['מרוסנת' ,'פוטנציאלית', 'אלגוריתמית', 'חישובית', 'מתמטית', 'מיצויית', 'אכופה', 'מושגית', 'אילוצית', 'מאולצת', 'מתכונתית' ,'קונספטואלית', 'פרוצדורלית', 'דיגיטלית']
        word.innerHTML += words[Math.random() * words.length | 0]
    </script>
</body>
</html>