argrig.github.io/index.html at main · argrig/argrig.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Протоиерей Арсений Григорянц</title>
  <meta name="description" content="Визитка: протоиерей Арсений Григорянц (Ереван) / Григорянц Армен Артемович, математик, филиал МГУ имени М.В. Ломоносова в Ереване">
  <link href="bootstrap5.2.3/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="styles.css?v=7">
  <noscript>
    <style>
      .card3d { display: block; }
      .card-back { transform: none; }
      .card-face { position: static; }
    </style>
  </noscript>
</head>

<body>
  <!-- ===== Controls: which side, which language ===== -->
  <header class="controls">
    <nav class="seg-wrap" data-i18n-aria="ctl.persona" aria-label="Сторона визитки">
      <span class="seg-label" data-i18n="ctl.side">Сторона:</span>
      <div class="seg">
        <a data-persona="priest" href="#/priest/ru"><span class="seg__icon" aria-hidden="true">☦</span><span data-i18n="ctl.priest">Священник</span></a>
        <a data-persona="math" href="#/math/ru"><span class="seg__icon" aria-hidden="true">∑</span><span data-i18n="ctl.math">Математик</span></a>
      </div>
    </nav>
    <nav class="seg-wrap" data-i18n-aria="ctl.lang" aria-label="Язык">
      <span class="seg-label" data-i18n="ctl.language">Язык:</span>
      <div class="seg">
        <a data-lang="ru" href="#/priest/ru" lang="ru">RU</a>
        <a data-lang="en" href="#/priest/en" lang="en">EN</a>
      </div>
    </nav>
  </header>

  <noscript><p class="nojs">Для переворота визитки и смены языка нужен JavaScript. / JavaScript is required to flip the card and switch the language.</p></noscript>

  <main class="scene">
    <div id="card" class="card3d">

      <!-- ===== Front: priest ===== -->
      <section class="card-face card-front priest" id="face-priest">
        <div class="container my-4">
          <div class="hero">
          <div class="row align-items-center">
            <div class="col-5 col-sm-2 order-1 text-center mb-2 mb-sm-0">
              <img class="img-fluid hero__symbol" src="cross.png" data-i18n-alt="p.alt.cross" alt="Православный крест">
            </div>
            <div class="col-12 col-sm-7 col-md-6 order-3 order-sm-2 text-center text-sm-start priest__text">
              <h2 class="priest__org">
                <span data-i18n="p.church">РУССКАЯ ПРАВОСЛАВНАЯ ЦЕРКОВЬ</span><br>
                <span class="priest__org-2" data-i18n="p.patriarchate">МОСКОВСКИЙ ПАТРИАРХАТ</span><br>
                <span class="priest__org-3" data-i18n="p.diocese">ЕРЕВАНСКО-АРМЯНСКАЯ ЕПАРХИЯ</span>
              </h2>
              <h2 class="my-4 fw-bold priest__name">
                <span data-i18n="p.rank">ПРОТОИЕРЕЙ</span><br>
                <span data-i18n="p.name">Арсений Григорянц</span>
              </h2>
              <h3 class="priest__positions">
                <span data-i18n="p.pos1">Секретарь епархии</span><br>
                <span data-i18n="p.pos2">Благочинный Ереванского округа</span><br>
                <span data-i18n="p.pos3">Настоятель Покровского храма г. Еревана</span><br>
                <span data-i18n="p.pos4">Председатель БОО "Русский народный собор" в Армении</span>
              </h3>
              <h4 class="my-4 card-contacts">
                <img src="tg24.png" width="24" height="24" data-i18n-alt="c.tg" alt="Telegram">
                <a class="link-dark" href="https://t.me/argrig7">https://t.me/argrig7</a><br>
                <img src="phone24.png" width="24" height="24" data-i18n-alt="c.phone" alt="Телефон">
                <a class="link-dark" href="tel:+37494888654">+374 94 888 654</a><br>
                <img src="email24.png" width="24" height="24" data-i18n-alt="c.email" alt="Электронная почта">
                <a class="link-dark" href="mailto:ar.grig8@gmail.com">ar.grig8@gmail.com</a><br>
                <img src="youtube24.png" width="24" height="24" data-i18n-alt="c.youtube" alt="YouTube">
                <a class="link-dark" href="https://www.youtube.com/@ar.grig8" target="_blank" rel="noopener">youtube.com/@ar.grig8</a>
              </h4>
            </div>
            <div class="col-7 col-sm-3 order-2 order-sm-3 text-center">
              <img class="img-fluid hero__portrait" src="me-real.webp" data-i18n-alt="p.alt.photo" alt="Протоиерей Арсений Григорянц">
            </div>
          </div>
          </div>

          <section class="pubs panel" aria-labelledby="priest-pubs-h">
            <h2 id="priest-pubs-h" class="pubs__h" data-i18n="p.pubs.h">Доклады и публикации</h2>
            <div id="priest-pubs"></div>
          </section>

          <p class="flip-link-wrap">
            <a class="flip-link" data-persona="math" href="#/math/ru" data-i18n="ctl.flip">Перевернуть ↻</a>
          </p>
        </div>
      </section>

      <!-- ===== Back: mathematician ===== -->
      <section class="card-face card-back math" id="face-math" aria-hidden="true">
        <div class="container my-4">
          <div class="hero">
            <div class="row align-items-center">
              <div class="col-5 col-sm-2 order-1 text-center mb-2 mb-sm-0">
                <img class="img-fluid hero__symbol" src="fractal.webp" data-i18n-alt="m.alt.symbol" alt="Знак суммы и фрактальная спираль">
              </div>
              <div class="col-12 col-sm-7 col-md-6 order-3 order-sm-2 text-center text-sm-start math__text">
                <h1 class="math__name" data-i18n="m.name">Григорянц Армен Артемович</h1>
                <p class="math__degree" data-i18n="m.degree">Кандидат физико-математических наук</p>
                <p class="math__affil">
                  <span data-i18n="m.affil">Филиал МГУ имени М.В. Ломоносова в городе Ереване</span><br>
                  <span class="math__addr" data-i18n="m.addr">Республика Армения, Ереван, ул. Вардананц, 17</span>
                </p>
                <h4 class="my-4 card-contacts">
                  <img src="tg24.png" width="24" height="24" data-i18n-alt="c.tg" alt="Telegram">
                  <a class="link-dark" href="https://t.me/argrig7">https://t.me/argrig7</a><br>
                  <img src="phone24.png" width="24" height="24" data-i18n-alt="c.phone" alt="Телефон">
                  <a class="link-dark" href="tel:+37494888654">+374 94 888 654</a><br>
                  <img src="email24.png" width="24" height="24" data-i18n-alt="c.email" alt="Электронная почта">
                  <a class="link-dark" href="mailto:ar.grig7@gmail.com">ar.grig7@gmail.com</a><br>
                  <img src="youtube24.png" width="24" height="24" data-i18n-alt="c.youtube" alt="YouTube">
                  <a class="link-dark" href="https://www.youtube.com/@ar.grig8" target="_blank" rel="noopener">youtube.com/@ar.grig8</a>
                </h4>
              </div>
              <div class="col-7 col-sm-3 order-2 order-sm-3 text-center">
                <img class="img-fluid hero__portrait" src="me_cartoon_transparent.png" data-i18n-alt="m.alt.photo" alt="Григорянц Армен Артемович">
              </div>
            </div>
          </div>

          <section class="pubs panel math__details">
            <section aria-labelledby="m-int-h">
              <h2 id="m-int-h" class="panel__h" data-i18n="m.interests.h">Научные интересы</h2>
              <ul class="chips" id="math-interests"></ul>
            </section>

            <section aria-labelledby="m-p-h">
              <h2 id="m-p-h" class="panel__h" data-i18n="m.profiles.h">Профили в базах данных</h2>
              <ul class="profiles">
                <li><a href="https://www.mathnet.ru/rus/person34113" target="_blank" rel="noopener">Math-Net.Ru</a></li>
                <li><a href="https://zbmath.org/?q=au%3AGrigoryants%2C+A" target="_blank" rel="noopener">zbMATH Open</a></li>
                <li><a href="https://mathscinet.ams.org/mathscinet/MRAuthorID/641320" target="_blank" rel="noopener">MathSciNet</a></li>
                <li><a href="https://istina.msu.ru/workers/178258660/all/" target="_blank" rel="noopener">ИСТИНА (МГУ)</a></li>
                <li><a href="https://arxiv.org/a/grigoryants_a_1" target="_blank" rel="noopener">arXiv</a></li>
              </ul>
            </section>

            <section aria-labelledby="m-pub-h">
              <h2 id="m-pub-h" class="panel__h" data-i18n="m.pubs.h">Публикации</h2>
              <p class="legend" data-i18n="m.pubs.legend"></p>
              <div id="math-pubs"></div>
            </section>
          </section>

          <p class="flip-link-wrap">
            <a class="flip-link" data-persona="priest" href="#/priest/ru" data-i18n="ctl.flip">Перевернуть ↻</a>
          </p>
        </div>
      </section>

    </div>
  </main>

  <script src="bootstrap5.2.3/js/bootstrap.bundle.min.js"></script>
  <script src="i18n.js?v=7"></script>
  <script src="publications.js?v=7"></script>
  <script src="app.js?v=7"></script>
</body>

</html>