ubiquitous-computing.github.io/index.html at main · NikosMav/ubiquitous-computing.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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html data-wf-page="62d7cc2a8e26ff5d3257b2da" data-wf-site="62d7cc298e26ff69d857b2d5" lang="el">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Permissions-Policy" content="interest-cohort=()">

  <title>Διάχυτη Υπολογιστική</title>
  <meta content="Embrace the Era of Ubiquitous Computing: Pioneering a Connected World Beyond Imagination." name="description">

  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">

  <link href="css/sticky_styles.css" rel="stylesheet" type="text/css">
  <link href="css/carousel.css" rel="stylesheet" type="text/css">
  <link href="css/quiz.css" rel="stylesheet" type="text/css">
  <link href="css/poll.css" rel="stylesheet" type="text/css">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/ubiquitous-computing.webflow.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.6/dist/css/splide.min.css">

  <style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="22d7d2ed-c1a1-ed5e-0ae1-c653eec64c08"] {-webkit-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}</style>
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Changa One:400,400italic","Bitter:400,700,400italic","Gothic A1:300,regular,500,600,700,800"]  }});</script>
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

  <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
  <link rel="manifest" href="favicon/site.webmanifest">
  <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

  <style>
    /* Hide horizontal scrollbar */
      body {
        overflow-x: hidden;
      }
  </style>
</head>

<body class="body">
  <section class="mobile-screen">
    <div class="mobile-info-div">
      <p class="mobile-info-par">🌟 Desktop Version Recommended: Mobile Site Under Maintenance🌟</p>
    </div>
    <div class="mobile-info-div">
      <p class="mobile-info-par">Ζητούμε συγγνώμη για την όποια ταλαιπωρία, αλλά ο ιστότοπός μας για κινητά είναι υπό κατασκευή. 🚀 Για βέλτιστη απόδοση και πρόσβαση σε όλες τις λειτουργίες, συνιστούμε να χρησιμοποιείτε την έκδοση για υπολογιστές εν τω μεταξύ. 💥</p>
    </div>
    <div class="mobile-info-div">
      <p class="mobile-info-par">Σας ευχαριστούμε για την κατανόηση και την υπομονή σας. <br><span class="bold-span-2">Κάντε τώρα την αλλαγή!</span><br></p>
    </div>
  </section>

  <div id="sticky-tag"></div>

  <div data-w-id="dfee272c-7e4f-d2e5-befe-e98e5c936717" class="progress-bar" id="progress-bar"></div>
  <div data-w-id="555feab0-1bc2-45d9-cd59-fa24bff6e31a" style="display:flex" class="preloader">
    <div data-w-id="c4448836-0bc2-e3fa-508d-b9b077de29db" data-animation-type="lottie" data-src="documents/animation_lm81ryhw.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1.7666666666666666" data-duration="0"></div>
  </div>
  <div data-w-id="bb0dfe4b-584d-73e3-01fd-51b75bbfc6a6" class="cursor-new">
    <div data-w-id="bb0dfe4b-584d-73e3-01fd-51b75bbfc6a7" class="cursor__dot"></div>
    <div class="w-embed">
      <style>
* {
    -webkit-font-smoothing: antialiased;
    }
body:hover .cursor-new {opacity:1.0;}
.cursor-new {pointer-events: none; mix-blend-mode: difference;}
</style>
    </div>
  </div>
  <div class="front-page">
    <div data-w-id="90c1923d-5d6f-ad6c-d8df-1ccc43e8df0a" class="intro-video-wrapper">
      <div data-poster-url="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-poster-00001.jpg" data-video-urls="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.mp4,https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="intro-video w-background-video w-background-video-atom"><video id="1bd39aa5-672a-c65a-df26-9c938e40d457-video" autoplay="" loop="" style="background-image:url(&quot;https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
          <source src="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.mp4" data-wf-ignore="true">
          <source src="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.webm" data-wf-ignore="true">
        </video>
        <div class="container">
          <h1 class="main-heading">Διαχυτη Υπολογιστικη</h1>
          <div class="line-1"></div>
          <p class="paragraph-34">μια <span class="text-span-12">επαναστατική</span> προσέγγιση του μέλλοντος</p>
        </div><img src="images/scroll-mouse.png" loading="lazy" width="100" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" data-w-id="c62c48fe-26c2-6fb0-e3d0-443c15bc1c80" class="image-155"><noscript>
          <style>
  [data-wf-bgvideo-fallback-img] {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-wf-bgvideo-fallback-img] {
      position: absolute;
      z-index: -100;
      display: inline-block;
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }</style><img data-wf-bgvideo-fallback-img="true" src="documents/blue-squares.mp4" alt="">
        </noscript>
        <div aria-live="polite"><button type="button" data-w-bg-video-control="true" aria-controls="1bd39aa5-672a-c65a-df26-9c938e40d457-video" class="w-backgroundvideo-backgroundvideoplaypausebutton play-pause-button w-background-video--control"><span><img src="https://uploads-ssl.webflow.com/6022af993a6b2191db3ed10c/628299f8aa233b83918e24fd_Pause.svg" alt="Pause video"></span><span hidden=""><img src="https://uploads-ssl.webflow.com/6022af993a6b2191db3ed10c/628298b20ae0236682d4b87f_Play-24.svg" alt="Play video"></span></button></div>
      </div>
    </div>
    <div class="intro-quiz">
      <div id="intro-quiz-1" data-w-id="fce55a6b-cbab-b8da-340e-63767cee4b19" class="intro-quiz-1">
        <div class="container-45 w-container">
          <div data-w-id="ad62dbcf-4ba2-5598-9fe9-df1db40b338d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-200">
            <h2 class="heading-50">Τι γνωρίζετε...</h2>
            <p class="paragraph-72">για την διάχυτη υπολογιστική (ή αλλιώς πανταχού παρούσα πληροφορική);</p>
          </div>
          <div data-w-id="32c7f686-c0de-355e-4037-6d5eb7f18a7f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-201">
            <p class="paragraph-72">Είτε είστε λάτρεις της πληροφορικής, είτε είστε γνώστες της τεχνολογίας, είτε απλά είστε περίεργοι για τον ψηφιακό κόσμο, παίξτε το παρακάτω κουίζ για να δοκιμάσετε τις γνώσεις σας στον συναρπαστικό κόσμο της τεχνολογίας και των υπολογιστών.</p>
          </div>
        </div>
      </div>
      <div id="intro-quiz-wrapper" class="intro-quiz-wrapper">
        <section class="quiz-section">
          <div class="quiz-container">
            <h2 id="quiz-title">Quiz Τεχνολογίας</h2>
            <p id="quiz-paragraph">Είστε έτοιμοι να δοκιμάσετε τις γνώσεις σας στην πληροφορική και την τεχνολογία;</p>
            <button id="start-quiz-btn" class="quiz-button">Ξεκινήστε</button>
            <div id="quiz-question"></div>
            <div id="quiz-options"></div>
            <div id="quiz-result"></div>
          </div>
        </section>
      </div>
      <div class="gradient-section hidden" id="gradient-section"></div>
      <section class="newbie-section hidden" id="newbie-section">
        <div class="result-div">
          <div class="result-text">Δεν τα πήγες πολύ καλά!<br><span class="result-text-span">Ας ξεκινήσουμε με μια εισαγωγή στην ιστορία των υπολογιστών και έπειτα στην διάχυτη υπολογιστική.</span></div>
          <p class="result-score"></p>
          <img src="images/sad.png" loading="lazy" alt="" class="result-face">
        </div>
      </section>
      <section class="moderate-section hidden" id="moderate-section">
        <div class="result-div">
          <div class="result-text">Τα πήγες αρκετά καλά!<br><span class="result-text-span">Παρακάμπτουμε την ιστορία των υπολογιστών και μεταφερόμαστε στην κεντρική ιδέα.</span></div>
          <p class="result-score"></p>
          <img src="images/neutral-face.png" loading="lazy" sizes="(max-width: 479px) 100vw, 7vw" srcset="images/neutral-face.png 500w, images/neutral-face.png 512w" alt="" class="result-face">
        </div>
      </section>
      <section class="advanced-section hidden" id="advanced-section">
        <div class="result-div">
          <div class="result-text">Άριστα!<br><span class="result-text-span">Δεν χρειάζεσαι εισαγωγικές ενότητες, μεταφερόμαστε κατευθείαν στο κυρίως θέμα.</span></div>
          <p class="result-score"></p>
          <img src="images/happiness.png" loading="lazy" alt="" class="result-face">
        </div>
      </section>
    </div>
  </div>
  <div id="the-content" class="the-content">
    <div id="intro-animation" class="intro-animation" data-section-name="Εισαγωγή">
      <div data-w-id="9cdb921d-3ca5-4cdc-815b-cb1d566db821" class="intro-sky">
        <div class="animation-content w-container">
          <div class="div-block-89"></div><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-120"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-121"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-122"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-123"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-124"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-128"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-129"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-130"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-135"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-136"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-133"><img src="images/satelite.png" loading="lazy" width="250" data-w-id="e2c86168-d743-1fcf-3d30-5ba60fe1497c" alt="" srcset="images/satelite-p-500.png 500w, images/satelite.png 567w" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 250px" class="satelite"><img src="images/2.png" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 700px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-115"><img src="images/5.png" loading="lazy" width="350" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 350px" alt="" srcset="images/5-p-500.png 500w, images/5-p-800.png 800w, images/5-p-1080.png 1080w, images/5.png 1219w" class="image-116"><img src="images/3.png" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/3-p-500.png 500w, images/3-p-800.png 800w, images/3-p-1080.png 1080w, images/3.png 1382w" class="image-118"><img src="images/4.png" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 550px" alt="" srcset="images/4-p-500.png 500w, images/4-p-800.png 800w, images/4-p-1080.png 1080w, images/4-p-1600.png 1600w, images/4-p-2000.png 2000w, images/4.png 2590w" class="image-125"><img src="images/2.png" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-117"><img src="images/2.png" loading="lazy" width="350" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 350px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-126"><img src="images/5c90e992a5701d78019f2073_Car-bridge-p-500.png" loading="lazy" width="300" alt="" class="airplane">
          <div class="section-text-gradient-effect-2">
            <div data-w-id="ccccb71a-c1ba-f916-1007-5da40bb9969f" class="text-effect-wrapper">
              <div class="text-effect-sticky-element">
                <div class="container-w3 gutter-outside">
                  <div class="text-effect-inner">
                    <div class="text-effect-gradient">
                      <div class="text-overlap-end"></div>
                    </div>
                    <p class="text-effect-text">Η Διάχυτη Υπολογιστική αναφέρεται στην ιδέα ότι οι υπολογιστές πρέπει να ενσωματώνονται απρόσκοπτα στην καθημερινότητά μας, χωρίς καν να το καταλαβαίνουμε.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="section-text-gradient-effect-1">
            <div data-w-id="2d392757-5804-8d76-e268-522116011d5b" class="text-effect-wrapper">
              <div class="text-effect-sticky-element">
                <div class="container-w3 gutter-outside">
                  <div class="text-effect-inner">
                    <div class="text-effect-gradient">
                      <div class="text-overlap-end"></div>
                    </div>
                    <p class="text-effect-text"> Με άλλα λόγια, είναι η ιδέα ότι οι υπολογιστές πρέπει να είναι παντού και πάντα διαθέσιμοι σε εμάς όταν τους χρειαζόμαστε.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div data-w-id="6acb8f2a-a601-b7c9-7d72-a756ec6f1215" class="intro-town"><img src="images/Page-1-2.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-2-p-500.png 500w, images/Page-1-2-p-800.png 800w, images/Page-1-2-p-1080.png 1080w, images/Page-1-2-p-1600.png 1600w, images/Page-1-2-p-2000.png 2000w, images/Page-1-2-p-2600.png 2600w, images/Page-1-2-p-3200.png 3200w" alt="" class="train"><img src="images/5c90e992a5701d42039f207b_top-bridge-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/5c90e992a5701d42039f207b_top-bridge-1-p-500.png 500w, images/5c90e992a5701d42039f207b_top-bridge-1-p-800.png 800w, images/5c90e992a5701d42039f207b_top-bridge-1-p-1080.png 1080w, images/5c90e992a5701d42039f207b_top-bridge-1-p-1600.png 1600w, images/5c90e992a5701d42039f207b_top-bridge-1.png 1800w" alt="" class="bridge">
        <div class="purple-fade"></div><img src="images/5c90e992a5701d03019f209a_m_mid_2.png" loading="lazy" alt="" class="house"><img src="images/5c90e992a5701d2b4d9f2098_m_o_building_2.png" loading="lazy" alt="" class="house-2"><img src="images/City_concept_4_02.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/City_concept_4_02-p-500.png 500w, images/City_concept_4_02-p-800.png 800w, images/City_concept_4_02-p-1080.png 1080w, images/City_concept_4_02-p-1600.png 1600w, images/City_concept_4_02-p-2000.png 2000w, images/City_concept_4_02-p-2600.png 2600w, images/City_concept_4_02-p-3200.png 3200w" alt="" class="image-132"><img src="images/5c90e992a5701d0fd69f2070_traffic_t2.gif" loading="lazy" alt="" class="traffic"><img src="images/5c90e992a5701d0fd69f2070_traffic_t2.gif" loading="lazy" alt="" class="traffic-2">
      </div>
      <div class="intro-underground">
        <div class="floor"></div>
        <section class="underground"><img src="images/5c90e992a5701de43c9f2074_platform-3.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/5c90e992a5701de43c9f2074_platform-3-p-500.png 500w, images/5c90e992a5701de43c9f2074_platform-3-p-800.png 800w, images/5c90e992a5701de43c9f2074_platform-3-p-1080.png 1080w, images/5c90e992a5701de43c9f2074_platform-3-p-1600.png 1600w, images/5c90e992a5701de43c9f2074_platform-3.png 1800w" alt="" class="underground-floor"><img src="images/5c90e992a5701d5bb19f1fd7_subway-train_1000px.png" loading="lazy" data-w-id="22d7d2ed-c1a1-ed5e-0ae1-c653eec64c08" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/5c90e992a5701d5bb19f1fd7_subway-train_1000px-p-500.png 500w, images/5c90e992a5701d5bb19f1fd7_subway-train_1000px-p-800.png 800w, images/5c90e992a5701d5bb19f1fd7_subway-train_1000px.png 1000w" class="train-2"></section>
      </div>
      <div class="between-section-14"></div>
      <div data-w-id="471bd583-c1ec-5366-593c-17e8090f4f35" class="between-section-13-wrapper">
        <div class="between-section-13">
          <div class="div-block-135"></div>
        </div>
      </div>
      <div data-w-id="ff922e9d-bcc9-f6e6-05a7-117d8f3299a3" class="parallax-scroll-section"><img src="images/woman-hands-using-mobile-smart-phone.jpg" loading="lazy" width="450" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 450px" alt="" srcset="images/woman-hands-using-mobile-smart-phone-p-500.jpg 500w, images/woman-hands-using-mobile-smart-phone-p-800.jpg 800w, images/woman-hands-using-mobile-smart-phone-p-1080.jpg 1080w, images/woman-hands-using-mobile-smart-phone-p-1600.jpg 1600w, images/woman-hands-using-mobile-smart-phone-p-2000.jpg 2000w, images/woman-hands-using-mobile-smart-phone-p-2600.jpg 2600w, images/woman-hands-using-mobile-smart-phone-p-3200.jpg 3200w" class="image-146"><img src="images/digital-world-map-hologram-blue-background.jpg" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/digital-world-map-hologram-blue-background-p-500.jpg 500w, images/digital-world-map-hologram-blue-background-p-800.jpg 800w, images/digital-world-map-hologram-blue-background-p-1080.jpg 1080w, images/digital-world-map-hologram-blue-background-p-1600.jpg 1600w, images/digital-world-map-hologram-blue-background-p-2000.jpg 2000w, images/digital-world-map-hologram-blue-background-p-2600.jpg 2600w, images/digital-world-map-hologram-blue-background-p-3200.jpg 3200w" class="image-150"><img src="images/abstract-office-desktop.jpg" loading="lazy" width="400" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 400px" alt="" srcset="images/abstract-office-desktop-p-500.jpg 500w, images/abstract-office-desktop-p-800.jpg 800w, images/abstract-office-desktop-p-1080.jpg 1080w, images/abstract-office-desktop-p-1600.jpg 1600w, images/abstract-office-desktop-p-2000.jpg 2000w, images/abstract-office-desktop-p-2600.jpg 2600w, images/abstract-office-desktop-p-3200.jpg 3200w" class="image-151"><img src="images/internet-things-background.jpg" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 550px" alt="" srcset="images/internet-things-background-p-500.jpg 500w, images/internet-things-background-p-800.jpg 800w, images/internet-things-background-p-1080.jpg 1080w, images/internet-things-background-p-1600.jpg 1600w, images/internet-things-background-p-2000.jpg 2000w, images/internet-things-background-p-2600.jpg 2600w, images/internet-things-background-p-3200.jpg 3200w" class="image-152"><img src="images/rm373batch2-04.jpg" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/rm373batch2-04-p-500.jpg 500w, images/rm373batch2-04-p-800.jpg 800w, images/rm373batch2-04-p-1080.jpg 1080w, images/rm373batch2-04-p-1600.jpg 1600w, images/rm373batch2-04-p-2000.jpg 2000w, images/rm373batch2-04-p-2600.jpg 2600w, images/rm373batch2-04-p-3200.jpg 3200w" class="image-153">
        <div class="div-block-133"></div>
        <div class="div-block-134"></div><img src="images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background.jpg" loading="lazy" width="600" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 416.35418701171875px, 42vw" alt="" srcset="images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-500.jpg 500w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-800.jpg 800w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-1080.jpg 1080w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-1600.jpg 1600w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-2000.jpg 2000w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-2600.jpg 2600w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-3200.jpg 3200w" class="image-149"><img src="images/tech2.jpg" loading="lazy" height="" width="600" alt="" srcset="images/tech2-p-500.jpg 500w, images/tech2-p-800.jpg 800w, images/tech2-p-1080.jpg 1080w, images/tech2.jpg 1200w" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 396.53125px, 40vw" class="image-12"><img src="images/robot.png" loading="lazy" width="200" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 200px" alt="" srcset="images/robot-p-500.png 500w, images/robot.png 512w" class="image-8"><img src="images/tech4.jpg" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/tech4-p-500.jpg 500w, images/tech4-p-800.jpg 800w, images/tech4-p-1080.jpg 1080w, images/tech4.jpg 1200w" class="image-9"><img src="images/second_gen2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 396.53125px, 40vw" width="600" alt="" srcset="images/second_gen2-p-500.jpg 500w, images/second_gen2-p-800.jpg 800w, images/second_gen2-p-1080.jpg 1080w, images/second_gen2.jpg 1200w" class="image-10"><img src="images/black_and_white.jpg" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/black_and_white-p-500.jpg 500w, images/black_and_white-p-800.jpg 800w, images/black_and_white-p-1080.jpg 1080w, images/black_and_white-p-1600.jpg 1600w, images/black_and_white-p-2000.jpg 2000w, images/black_and_white-p-2600.jpg 2600w, images/black_and_white-p-3200.jpg 3200w" class="image-11"><img src="images/project-management.png" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/project-management-p-500.png 500w, images/project-management.png 512w" class="image-154"><img src="images/human_computer3.jpg" loading="lazy" width="600" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/human_computer3-p-500.jpg 500w, images/human_computer3-p-800.jpg 800w, images/human_computer3-p-1080.jpg 1080w, images/human_computer3.jpg 1200w" class="image-147"><img src="images/human_computer4.jpg" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 346.9583435058594px, 35vw" alt="" srcset="images/human_computer4-p-500.jpg 500w, images/human_computer4-p-800.jpg 800w, images/human_computer4-p-1080.jpg 1080w, images/human_computer4-p-1600.jpg 1600w, images/human_computer4.jpg 1600w" class="image-148"><img src="images/blue-purple-technology-circuit-min.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" width="7" alt="" srcset="images/blue-purple-technology-circuit-min-p-500.jpg 500w, images/blue-purple-technology-circuit-min-p-800.jpg 800w, images/blue-purple-technology-circuit-min-p-1080.jpg 1080w, images/blue-purple-technology-circuit-min-p-1600.jpg 1600w, images/blue-purple-technology-circuit-min-p-2000.jpg 2000w, images/blue-purple-technology-circuit-min-p-2600.jpg 2600w, images/blue-purple-technology-circuit-min-p-3200.jpg 3200w" class="image-13"><img src="images/nanotechnology.png" loading="lazy" width="256" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 256px" alt="" srcset="images/nanotechnology-p-500.png 500w, images/nanotechnology.png 512w" class="image-33"><img src="images/3107-2.png" loading="lazy" width="229.5" alt="" class="image-34"><img src="images/3107-1.png" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/3107-1-p-500.png 500w, images/3107-1-p-800.png 800w, images/3107-1.png 852w" class="image-35"><img src="images/image-4.png" loading="lazy" width="200" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 200px" alt="" srcset="images/image-4-p-500.png 500w, images/image-4.png 553w" class="image-36"><img src="images/image.png" loading="lazy" width="200" alt="" class="image-37">
      </div>
    </div>
    <div id="istoria" class="istoria" data-section-name="Ιστορία">
      <div class="intro-istorias">
        <div class="div-block-204">
          <p data-w-id="8f900f74-986b-4476-e2f7-1c176c4039d5" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-72">Προτού συνεχίσουμε,<br>ας δούμε πώς φτάσαμε ως εδώ...</p>
        </div>
      </div>
      <div class="timeline" data-section-name="Οι Απαρχές">
        <section data-w-id="234c7ee4-5088-4dda-2474-b09d1d1f4f61" class="section-22">
          <div class="timeline-wrapper">
            <div data-w-id="95d9e913-ed86-37a6-9bf7-b515304036d4" style="opacity:0" class="div-block-182">
              <div data-w-id="c61d088e-859a-f339-3758-75df0326ac86" class="timeline-year">2000 π.Χ</div>
              <div class="timeline-circle"></div>
            </div>
            <div data-w-id="61bae873-7a07-075f-1b08-00981aa5d201" style="opacity:0" class="div-block-183">
              <div class="timeline-year-2">300 π.Χ.</div>
              <div class="timeline-circle-2"></div>
            </div>
            <div data-w-id="15934604-9f80-c08a-c867-69a7fdd9fd30" style="opacity:0" class="div-block-184">
              <div class="timeline-year-3">1614</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="6f2c3b2a-0dd6-dda5-b78f-c85ca43332f4" style="opacity:0" class="div-block-185">
              <div class="timeline-year-4">1822</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="8ed21670-a30b-7262-6027-2a8ccd4743e6" style="opacity:0" class="div-block-186">
              <div class="timeline-year-5">1837</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="3fef6d9c-4e6e-5be4-4f83-4c9028459d64" style="opacity:0" class="div-block-187">
              <div class="timeline-year-6">1937-1942</div>
              <div class="timeline-circle-4"></div>
            </div>
            <div data-w-id="ecc9e2b1-ef6d-418b-fe6f-5170f2997588" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="timeline-progress">
              <div class="timeline-progress-bar"></div>
            </div>
          </div>
          <div class="div-block-203">
            <h2 data-w-id="206d65f1-a14c-cf84-2fea-217ed0ad75a3" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-20">Οι Απαρχές</h2>
          </div>
          <div class="timeline-events">
            <div class="container-3 w-container"><img src="images/image-23.png" loading="lazy" width="250" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" data-w-id="c3c02879-c3c8-372a-2ed6-6e844df152c9" class="image-39">
              <div class="div-block-17">
                <div class="text-block-6">Ο Κινεζικός άβακας, σουάν παν</div>
              </div>
              <div class="w-layout-grid grid">
                <div id="w-node-_32089625-acf9-f0ad-cf7c-1c42c6b4e344-3257b2da" class="div-block-146"><img class="image-40" src="images/vintage-wooden-abacus-table.jpg" width="650" alt="Κινέζικος Άβακας" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="5aee3e64-f69d-f1a8-a227-27a7b2262208" loading="lazy" srcset="images/vintage-wooden-abacus-table-p-500.jpg 500w, images/vintage-wooden-abacus-table-p-800.jpg 800w, images/vintage-wooden-abacus-table-p-1080.jpg 1080w, images/vintage-wooden-abacus-table-p-1600.jpg 1600w, images/vintage-wooden-abacus-table-p-2000.jpg 2000w, images/vintage-wooden-abacus-table-p-2600.jpg 2600w, images/vintage-wooden-abacus-table-p-3200.jpg 3200w"></div>
                <div id="w-node-_206a9a8c-022c-025f-39db-d86bb6fd0141-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="f03ae4c2-33de-d0ef-8392-ae3cfc16770e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Η «προϊστορία» των υπολογιστικών μηχανών ξεκινάει από πολύ παλιά. Γύρω στα 500 π.χ. παρουσιάζεται ο άβακας, μια απλή συσκευή μέτρησης που αποτελείται από χάντρες ή πέτρες σε ένα πλαίσιο, εφευρέθηκε στην Κίνα.<br></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Αστρολάβοι</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-_3bee0ec3-ed8e-6df5-41a7-d97cb95c6d88-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="442ba46a-3feb-0f49-d4e9-48e698ccb8ac" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Οι αστρολάβοι μπορούν να θεωρηθούν ως οι πρώτοι αναλογικοί υπολογιστές. Χρησιμοποιήθηκαν για την παρατήρηση των αστέρων και τον προσδιορισμό του ύψους τους από τον ορίζοντα.</li>
                    <li data-w-id="442ba46a-3feb-0f49-d4e9-48e698ccb8ad" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ένας τέτοιος μηχανισμός βρέθηκε το 1900, στο βυθό της θάλασσας των Αντικυθήρων &quot;Μηχανισμός των Αντικυθήρων&quot; (87 π.χ.), είναι μια αστρονομική συσκευή, που λειτουργούσε σαν ένας φορητός ημερολογιακός υπολογιστής σταθερού προγράμματος.<br></li>
                  </ul>
                </div>
                <div id="w-node-_8189e815-1d5c-3e1a-3831-5ff45c839799-3257b2da"><img class="image-5" src="images/antikithia.png" width="650" alt="Ο μηχανισμός των Αντικυθήρων" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="1342a32e-849f-708c-3e7a-95b2a4d7ff7c" loading="lazy" srcset="images/antikithia-p-500.png 500w, images/antikithia-p-800.png 800w, images/antikithia-p-1080.png 1080w, images/antikithia-p-1600.png 1600w, images/antikithia.png 1704w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Εφεύρεση των λογαρίθμων</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-ce3937da-10af-730c-fe61-1280ee34b7be-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="ce3937da-10af-730c-fe61-1280ee34b7c0" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Οι λογάριθμοι εισήχθησαν για πρώτη φορά από τον Σκωτσέζο μαθηματικό John Napier το 1614. Ο στόχος του Napier ήταν να δημιουργήσει ένα σύστημα αριθμών που θα απλοποιούσε πολύπλοκους μαθηματικούς υπολογισμούς, ιδιαίτερα αυτούς που περιλαμβάνουν πολλαπλασιασμό και διαίρεση.<br></li>
                  </ul>
                </div>
                <div id="w-node-ce3937da-10af-730c-fe61-1280ee34b7c5-3257b2da" class="div-block-144"><img class="image-6" src="images/John-Napier-mathematician-portrait-University-of-Edinburgh.webp" width="650" alt="John Napier" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 505.57293701171875px, 51vw" data-w-id="ce3937da-10af-730c-fe61-1280ee34b7c6" loading="lazy" srcset="images/John-Napier-mathematician-portrait-University-of-Edinburgh-p-500.webp 500w, images/John-Napier-mathematician-portrait-University-of-Edinburgh-p-800.webp 800w, images/John-Napier-mathematician-portrait-University-of-Edinburgh.webp 965w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Η μηχανή διαφοράς του Charles Babbage</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-e594745a-1c9c-c27c-1404-740b4932eb1b-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="e594745a-1c9c-c27c-1404-740b4932eb1d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ο Babbage άρχισε να εργάζεται στον Difference Engine στις αρχές της δεκαετίας του 1820. Το μηχάνημα σχεδιάστηκε για να εκτελεί αυτόματα μαθηματικούς υπολογισμούς, χρησιμοποιώντας ένα σύνολο γραναζιών και μοχλών για να πραγματοποιήσει πράξεις όπως πρόσθεση, αφαίρεση, πολλαπλασιασμό και διαίρεση. Το μηχάνημα σχεδιάστηκε για να χρησιμοποιεί ένα σύστημα δεκαδικών αριθμών και μπορούσε να υπολογίσει έως και εξαψήφιους αριθμούς.<br></li>
                  </ul>
                </div>
                <div id="w-node-e594745a-1c9c-c27c-1404-740b4932eb20-3257b2da" class="div-block-145"><img class="image-7" src="images/Babbage_Difference_Engine.jpg" width="650" alt="Baddage difference engine" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="e594745a-1c9c-c27c-1404-740b4932eb21" loading="lazy" srcset="images/Babbage_Difference_Engine-p-500.jpg 500w, images/Babbage_Difference_Engine-p-800.jpg 800w, images/Babbage_Difference_Engine-p-1080.jpg 1080w, images/Babbage_Difference_Engine-p-1600.jpg 1600w, images/Babbage_Difference_Engine-p-2000.jpg 2000w, images/Babbage_Difference_Engine-p-2600.jpg 2600w, images/Babbage_Difference_Engine-p-3200.jpg 3200w, images/Babbage_Difference_Engine.jpg 3503w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Η αναλυτική μηχανή του Charles Babbage</div>
              </div>
              <div class="w-layout-grid grid-2-copy">
                <div id="w-node-_493711b4-17c6-20bd-7d43-3f036c683084-3257b2da" class="div-block-145"><img class="image-5" src="images/Babbages_Analytical_Engine_1834-1871._9660574685.jpg" width="650" alt="Baddage analytical engine " style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="493711b4-17c6-20bd-7d43-3f036c683085" loading="lazy" srcset="images/Babbages_Analytical_Engine_1834-1871._9660574685-p-500.jpg 500w, images/Babbages_Analytical_Engine_1834-1871._9660574685-p-800.jpg 800w, images/Babbages_Analytical_Engine_1834-1871._9660574685-p-1080.jpg 1080w, images/Babbages_Analytical_Engine_1834-1871._9660574685.jpg 1250w"></div>
                <div id="w-node-_493711b4-17c6-20bd-7d43-3f036c68307f-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="493711b4-17c6-20bd-7d43-3f036c683081" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Η Ada Lovelace ήταν μια Αγγλίδα μαθηματικός και συγγραφέας που θεωρείται ευρέως ως η πρώτη προγραμματίστρια υπολογιστών στον κόσμο. Στα μέσα του 1800, συνεργάστηκε με τον Charles Babbage, τον εφευρέτη της Μηχανής Διαφοράς και της Αναλυτικής Μηχανής. <br></li>
                    <li data-w-id="beb16721-e93d-9ae9-8858-cc4820928108" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Μία από τις πιο σημαντικές συνεισφορές της Lovelace στην ανάπτυξη των υπολογιστών ήταν η αναγνώρισή της ότι η Αναλυτική Μηχανή θα μπορούσε να χρησιμοποιηθεί για την εκτέλεση εργασιών πέρα από απλούς μαθηματικούς υπολογισμούς. Οραματίστηκε ένα μέλλον στο οποίο μηχανές  θα μπορούσαν να χρησιμοποιηθούν για τη δημιουργία νέων έργων τέχνης, τη δημιουργία μουσικής και ακόμη και τη δημιουργία νέων μορφών λογοτεχνίας.<br></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4731" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-block-6">Υπολογιστής Atanasoff-Berry</div>
              </div>
              <div class="w-layout-grid grid-2-copy">
                <div id="w-node-_3e80a81a-7ca4-fe0b-94c8-39d0a6aa4734-3257b2da" class="div-block-145"><img class="image-14" src="images/Atanasoff-Berry_Computer_at_Durhum_Center.jpg" width="650" alt="Atanassof-Berry computer" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 473.96875px, 48vw" data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4735" loading="lazy" srcset="images/Atanasoff-Berry_Computer_at_Durhum_Center-p-500.jpg 500w, images/Atanasoff-Berry_Computer_at_Durhum_Center-p-800.jpg 800w, images/Atanasoff-Berry_Computer_at_Durhum_Center.jpg 1042w"></div>
                <div id="w-node-_3e80a81a-7ca4-fe0b-94c8-39d0a6aa4736-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4738" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ο Υπολογιστής Atanasoff-Berry, ή ABC, αναπτύχθηκε στα τέλη της δεκαετίας του 1930 και στις αρχές της δεκαετίας του 1940 από τον John Atanasoff, καθηγητή φυσικής και μαθηματικών, και τον μεταπτυχιακό φοιτητή του, Clifford Berry, στο Iowa State College. Το μηχάνημα χρησιμοποίησε δυαδικά ψηφία και ηλεκτρονικούς διακόπτες για να εκτελέσει υπολογισμούς, καθιστώντας το ένα από τα πρώτα παραδείγματα ηλεκτρονικού ψηφιακού υπολογιστή.<br></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="istoria-ypologistwn-wrapper" data-section-name="Γενιές Υπολογιστών">
        <div data-w-id="c68a4685-ae93-e6ed-b56e-9c2db9b5bc80" class="paragraphs">
          <div class="div-block-198">
            <p class="paragraph-52">Αυτές είναι μόνο μερικές από τις βασικές <span class="bold-span">εφευρέσεις</span> που άνοιξαν το δρόμο για τους σύγχρονους υπολογιστές όπως τους γνωρίζουμε σήμερα.<br></p>
          </div>
          <div class="div-block-199">
            <p class="paragraph-52">Με τα χρόνια, υπήρξαν πολλές διαφορετικές <span class="bold-span">γενιές υπολογιστών</span>, καθεμία από τις οποίες χαρακτηρίζεται από σημαντικές τεχνολογικές εξελίξεις και καινοτομίες.<br></p>
          </div>
        </div>
        <div data-w-id="c2cd9af0-3217-19ee-9705-4930e1b9f766" class="istoria-twn-ypologistwn center">
          <div class="div-block-32">
            <h2 data-w-id="3206c8d8-8b55-1f38-6ae5-64b5eaff40b7" class="heading-20">Γενιές Υπολογιστών</h2>
          </div>
        </div>
        <div class="xronodiagramma"></div>
        <div data-w-id="1b50eaa0-1eb5-8624-7129-e78aaae5c88f" class="track">
          <div class="camera">
            <div class="frame">
              <div class="frame-item-1">
                <div id="w-node-c623ef61-13ea-8b09-8efb-303aa2100d72-3257b2da" class="div-block-41">
                  <h2 data-w-id="c623ef61-13ea-8b09-8efb-303aa2100d74" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">1η</span>Γενιά<br>(1940s - 1950s)</h2>
                  <div data-w-id="c623ef61-13ea-8b09-8efb-303aa2100d78" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-116">
                    <div class="text-block-14">Οι υπολογιστές της πρώτης γενιάς χρησιμοποιούσαν <span class="text-span-16">σωλήνες κενού</span> για κυκλώματα και <span class="text-span-16">μαγνητικά τύμπανα</span> για αποθήκευση δεδομένων. Παραδείγματα υπολογιστών πρώτης γενιάς περιλαμβάνουν τον ENIAC και τον UNIVAC.<br></div>
                    <ul role="list" class="gens-list-copy">
                      <li class="gens-list-item">Eίχαν μεγάλη κατανάλωση ηλεκτρικής ενέργειας, παρήγαγαν πολύ θερμότητα</li>
                      <li class="gens-list-item">Kαταλάμβαναν πλήρεις χώρους και είχαν πολύ χαμηλή αξιοπιστία</li>
                      <li class="gens-list-item">Χρησιμοποιήθηκαν για επιστημονικές και στρατιωτικές εφαρμογές σε μυστικά εργαστήρια</li>
                      <li class="gens-list-item">Ήταν απαγορευτικά ακριβοί και απρόσιτοι για τους απλούς ανθρώπους</li>
                    </ul>
                  </div>
                </div>
                <div id="w-node-_66c85c34-e00c-7e33-334f-9bc13c4958a9-3257b2da" class="div-block-111"><img src="images/stickers-1.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 83.75041198730469px, 8vw" alt="" srcset="images/stickers-1-p-500.png 500w, images/stickers-1-p-800.png 800w, images/stickers-1-p-1080.png 1080w, images/stickers-1-p-1600.png 1600w, images/stickers-1.png 1605w" class="image-138"><img src="images/eniac2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 254.14584350585938px, 26vw" srcset="images/eniac2-p-500.jpg 500w, images/eniac2-p-800.jpg 800w, images/eniac2-p-1080.jpg 1080w, images/eniac2.jpg 1200w" alt="" class="image-173"></div>
                <div id="w-node-cba70cf6-a38b-822f-7800-cc192a6d470e-3257b2da" class="div-block-114"><img src="images/eniac5.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 423.57293701171875px, 43vw" srcset="images/eniac5-p-500.jpg 500w, images/eniac5-p-800.jpg 800w, images/eniac5-p-1080.jpg 1080w, images/eniac5-p-1600.jpg 1600w, images/eniac5-p-2000.jpg 2000w, images/eniac5-p-2600.jpg 2600w, images/eniac5.jpg 3000w" alt="" class="image-173"></div>
                <div id="w-node-_5a9422c1-00c9-b7e3-b713-5f8ffd6a50d9-3257b2da" class="div-block-110"><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 148.6979217529297px, 15vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-137"></div>
              </div>
              <div class="frame-item-2">
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb7e-3257b2da" class="div-block-42"><img src="images/stickers-3.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 81.9345703125px, 8vw" alt="" srcset="images/stickers-3-p-500.png 500w, images/stickers-3-p-800.png 800w, images/stickers-3-p-1080.png 1080w, images/stickers-3-p-1600.png 1600w, images/stickers-3.png 1670w" class="image-138"><img src="images/second_gen2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 264.6875px, 27vw" srcset="images/second_gen2-p-500.jpg 500w, images/second_gen2-p-800.jpg 800w, images/second_gen2-p-1080.jpg 1080w, images/second_gen2.jpg 1200w" alt="" class="image-173"></div>
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb7f-3257b2da" class="div-block-43">
                  <h2 data-w-id="ff7607a6-d8e8-8c81-df83-5f30f6d4bb80" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">2η</span>Γενιά (1950s - 1960s)</h2>
                  <div data-w-id="43f562f9-b360-7b88-a45b-75d426f4a97c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-109">
                    <div class="text-block-14">Η δεύτερη γενιά υπολογιστών χρησιμοποιούσε <span class="text-span-16">τρανζίστορ</span> aντί για σωλήνες κενού, γεγονός που τους έκανε μικρότερους, ταχύτερους και πιο αξιόπιστους. Η <span class="text-span-16">μνήμη μαγνητικού πυρήνα</span> εισήχθη επίσης σε αυτή τη γενιά. Παραδείγματα υπολογιστών δεύτερης γενιάς περιλαμβάνουν τον IBM 1401 και τον DEC PDP-8.<br></div>
                  </div>
                </div>
                <div id="w-node-b2097af9-000a-844d-2845-7b19f5c67869-3257b2da" class="div-block-112"></div>
                <div id="w-node-_1ef8887a-4b08-9870-154d-03238b481afc-3257b2da" class="div-block-113"><img src="images/human_computer.jpg" loading="lazy" alt="" class="image-173"><img src="images/stickers-4.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 145.7892303466797px, 15vw" alt="" srcset="images/stickers-4-p-500.png 500w, images/stickers-4-p-800.png 800w, images/stickers-4-p-1080.png 1080w, images/stickers-4-p-1600.png 1600w, images/stickers-4.png 1900w" class="image-142"></div>
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb86-3257b2da" class="div-block-44">
                  <div data-w-id="b6ec9dd7-c047-9e8d-22e4-9b295a1f363b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-109">
                    <ul role="list" class="gens-list-2">
                      <li class="gens-list-item">μείωση της κατανάλωσης ενέργειας, του όγκου (μεγέθους) και του κόστους και</li>
                      <li class="gens-list-item">αύξηση της ταχύτητάς.</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="frame-item-3">
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3af-3257b2da" class="div-block-45">
                  <h2 data-w-id="e5557277-e582-76e6-4f4d-d553b570b3b0" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">3η</span>Γενιά<br>(1960s - 1970s)</h2>
                  <div data-w-id="0489a5b9-855b-b173-c622-73ab4ca5b7ed" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η τρίτη γενιά υπολογιστών χρησιμοποιούσε <span class="text-span-16">ολοκληρωμένα κυκλώματα</span>, τα οποία επέτρεψαν ακόμη μεγαλύτερη ταχύτητα, αξιοπιστία και μείωση στο μέγεθος. Αυτοί οι υπολογιστές είχαν επίσης τη δυνατότητα πολλαπλής επεξεργασίας και χρονομερισμού. Παραδείγματα υπολογιστών τρίτης γενιάς περιλαμβάνουν το IBM System/360 και το DEC PDP-11.<br></div>
                  </div>
                </div>
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3bb-3257b2da" class="div-block-46"><img src="images/third_gen3.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 295.75px, 30vw" srcset="images/third_gen3-p-500.jpg 500w, images/third_gen3-p-800.jpg 800w, images/third_gen3-p-1080.jpg 1080w, images/third_gen3-p-1600.jpg 1600w, images/third_gen3.jpg 1601w" alt="" class="image-173"></div>
                <div id="w-node-f27362f5-49f7-750d-2cba-4b43a830686c-3257b2da" class="div-block-115"><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 158.6041717529297px, 16vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-140">
                  <div data-w-id="350e2cff-72e0-26f9-c439-2d98eb09ed80" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-118">
                    <div class="text-block-15">Για πρώτη φορά έχουμε οικογένειες υπολογιστών (δηλ. υπολογιστές με παρόμοια λειτουργία, που μπορούν να εκτελούν το ίδιο σύνολο εντολών)</div>
                  </div>
                </div>
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3bc-3257b2da" class="div-block-47"><img src="images/stickers-3.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 145.435546875px, 15vw" alt="" srcset="images/stickers-3-p-500.png 500w, images/stickers-3-p-800.png 800w, images/stickers-3-p-1080.png 1080w, images/stickers-3-p-1600.png 1600w, images/stickers-3.png 1670w" class="image-139"></div>
              </div>
              <div class="frame-item-4">
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d211953-3257b2da" class="div-block-48">
                  <h2 data-w-id="b43acd12-2a41-00a0-eaa7-48ba9d211954" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">4η</span>Γενιά (1970s - παρόν)</h2>
                  <div data-w-id="bd1240b8-2c0f-360b-e1b5-8e2a9ad26b6f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η τέταρτη γενιά υπολογιστών είδε την εισαγωγή <span class="text-span-16">μικροεπεξεργαστών</span>, οι οποίοι επέτρεψαν την ανάπτυξη προσωπικών υπολογιστών και άλλων μικρών, προσιτών υπολογιστικών συσκευών.<br><br>Σε αυτή τη γενιά εισήχθησαν επίσης γραφικές διεπαφές χρήστη και δυνατότητες δικτύωσης. <br></div>
                    <div class="text-block-14"><br>Το 1981 η IBM παρουσιάζει τον πρώτο <span class="text-span-20">Προσωπικό Υπολογιστή</span> (Personal Computer, PC)</div>
                  </div>
                </div>
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d21195f-3257b2da" class="div-block-49"><img src="images/stickers-5.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 165.205078125px, 17vw" alt="" srcset="images/stickers-5-p-500.png 500w, images/stickers-5-p-800.png 800w, images/stickers-5-p-1080.png 1080w, images/stickers-5-p-1600.png 1600w, images/stickers-5.png 1695w" class="image-141"><img src="images/fourth_gen.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 213.14584350585938px, 22vw" srcset="images/fourth_gen-p-500.jpg 500w, images/fourth_gen-p-800.jpg 800w, images/fourth_gen-p-1080.jpg 1080w, images/fourth_gen-p-1600.jpg 1600w, images/fourth_gen.jpg 1600w" alt="" class="image-173"></div>
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d211960-3257b2da" class="div-block-50"><img src="images/stickers-6.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 148.6979217529297px, 15vw" alt="" srcset="images/stickers-6-p-500.png 500w, images/stickers-6-p-800.png 800w, images/stickers-6-p-1080.png 1080w, images/stickers-6-p-1600.png 1600w, images/stickers-6.png 1625w" class="image-137"><img src="images/computerchip-technology-electronics-industry-1.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 271.38543701171875px, 27vw" srcset="images/computerchip-technology-electronics-industry-1-p-500.jpg 500w, images/computerchip-technology-electronics-industry-1-p-800.jpg 800w, images/computerchip-technology-electronics-industry-1-p-1080.jpg 1080w, images/computerchip-technology-electronics-industry-1-p-1600.jpg 1600w, images/computerchip-technology-electronics-industry-1-p-2000.jpg 2000w, images/computerchip-technology-electronics-industry-1-p-2600.jpg 2600w, images/computerchip-technology-electronics-industry-1-p-3200.jpg 3200w" alt="" class="image-173"></div>
                <div id="w-node-_12d28deb-7baf-297c-6177-d56005d8459d-3257b2da" class="div-block-119"></div>
              </div>
              <div class="frame-item-5">
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a001-3257b2da" class="div-block-51">
                  <h2 data-w-id="4eb2ff57-1e37-7289-ec38-bc505f66a002" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">5η</span>Γενιά: Το μέλλον ...</h2>
                  <div data-w-id="b8c28e1c-18f9-a378-4ac5-dac355e3883f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η πέμπτη γενιά υπολογιστών αναμένεται να χαρακτηρίζεται από προηγμένες δυνατότητες <span class="text-span-16">τεχνητής νοημοσύνης</span> και <span class="text-span-16">μηχανικής μάθησης</span>. Αυτοί οι υπολογιστές θα είναι σε θέση να επεξεργάζονται τεράστιες ποσότητες δεδομένων σε πραγματικό χρόνο και θα μπορούν να λαμβάνουν αποφάσεις και να εκτελούν εργασίες με υψηλό βαθμό ακρίβειας και αυτονομίας. Παραδείγματα τεχνολογιών υπολογιστών πέμπτης γενιάς που αναπτύσσονται επί του παρόντος περιλαμβάνουν τον κβαντικό υπολογισμό τον νευρομορφικό υπολογισμό και τον διάχυτο υπολογισμό.<br></div>
                  </div><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 158.6041717529297px, 16vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-140">
                </div>
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a00d-3257b2da" class="div-block-52"></div>
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a00e-3257b2da" class="div-block-53"></div>
                <div id="w-node-_69ab8b3d-2b85-376a-271a-5b397d709b88-3257b2da" class="div-block-120"><img src="images/stickers-6.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 250px" alt="" srcset="images/stickers-6-p-500.png 500w, images/stickers-6-p-800.png 800w, images/stickers-6-p-1080.png 1080w, images/stickers-6-p-1600.png 1600w, images/stickers-6.png 1625w" class="image-143"><img src="images/abstract-technology-background-futuristic-digital-huds-geometry.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 519.3541870117188px, 52vw" srcset="images/abstract-technology-background-futuristic-digital-huds-geometry-p-500.jpg 500w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-800.jpg 800w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-1080.jpg 1080w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-1600.jpg 1600w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-2000.jpg 2000w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-2600.jpg 2600w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-3200.jpg 3200w" alt="" class="image-173"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="xronodiagramma-2">
          <div class="div-line"></div>
          <div class="fake-shadow"></div>
        </div>
      </div>
      <div class="epoxes-ypologistwn-content" data-section-name="Εποχές Υπολογιστών">
        <div class="epoxes-ypologistwn">
          <div data-w-id="a2db07a2-b6b6-1848-8f2e-4a99d36c3e4e" class="epoxes center"><img src="images/27240.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/27240-p-500.png 500w, images/27240-p-800.png 800w, images/27240-p-1080.png 1080w, images/27240-p-1600.png 1600w, images/27240-p-2600.png 2600w, images/27240-p-3200.png 3200w" alt="" class="image-144">
            <div class="container-33 w-container">
              <p class="paragraph-29">Διακρίνουμε <span class="text-span-25">3</span></p>
              <h2 class="heading-29">Εποχές - Κύματα</h2>
              <p class="paragraph-30">Υπολογιστών</p>
            </div>
          </div>
          <div class="epoxes-1"><img src="images/wave1.png" loading="lazy" id="w-node-c37a5386-53c1-69e5-d92f-8adf5d2f2479-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave1-p-500.png 500w, images/wave1-p-800.png 800w, images/wave1-p-1080.png 1080w, images/wave1-p-1600.png 1600w, images/wave1-p-2000.png 2000w, images/wave1-p-2600.png 2600w, images/wave1-p-3200.png 3200w" class="image-159">
            <div id="w-node-_6d13533b-36cb-1d9f-4d09-8abcaa17cf3a-3257b2da" class="div-block-59">
              <div class="arch-block"></div>
              <h3 data-w-id="51ce318f-4434-79a2-9e7e-487c2cead703" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-30">Εποχή του<br>Mainframe</h3>
              <p id="w-node-_94aae78a-55a0-8537-8ce5-3310237501f6-3257b2da" data-w-id="94aae78a-55a0-8537-8ce5-3310237501f6" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Πολλοί χρήστες, ένας υπολογιστής</p>
              <a data-w-id="c0386b71-687f-e5dd-908c-7517fdc155fd" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" href="#" class="link-block-4 w-inline-block">
                <div class="text-block-27">περισσότερα</div>
              </a>
              <div class="disclaimer-div epoxes">
                <div>Προσωρινά μη διαθέσιμο</div>
              </div>
            </div>
          </div>
          <div class="epoxes-2"><img src="images/wave2.png" loading="lazy" id="w-node-_42ddaa68-5421-c715-6323-e82b362d644b-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave2-p-500.png 500w, images/wave2-p-800.png 800w, images/wave2-p-1080.png 1080w, images/wave2-p-1600.png 1600w, images/wave2-p-2000.png 2000w, images/wave2-p-2600.png 2600w, images/wave2-p-3200.png 3200w" class="image-159">
            <div id="w-node-fb761edc-cfeb-e0ca-d03a-05e9e89bb1eb-3257b2da" class="div-block-1">
              <div class="arch-block-2"></div>
              <h3 data-w-id="fb761edc-cfeb-e0ca-d03a-05e9e89bb1e9" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-31">Εποχή του PC</h3>
              <p id="w-node-fb761edc-cfeb-e0ca-d03a-05e9e89bb1ec-3257b2da" data-w-id="fb761edc-cfeb-e0ca-d03a-05e9e89bb1ec" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, ένας υπολογιστής</p>
              <a data-w-id="7e73c3e9-2fc8-44a5-13e2-3b01b6eabe0d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" href="#" class="link-block-5 w-inline-block">
                <div class="text-block-27">περισσότερα</div>
              </a>
              <div class="disclaimer-div epoxes">
                <div>Προσωρινά μη διαθέσιμο</div>
              </div>
            </div>
          </div>
          <div class="epoxes-3"><img src="images/wave3.png" loading="lazy" id="w-node-d0168786-62c9-b266-6b2c-4e92375a945b-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave3-p-500.png 500w, images/wave3-p-800.png 800w, images/wave3-p-1080.png 1080w, images/wave3-p-1600.png 1600w, images/wave3-p-2000.png 2000w, images/wave3-p-2600.png 2600w, images/wave3-p-3200.png 3200w" class="image-159">
            <div id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb66-3257b2da" class="div-block-67">
              <div class="arch-block-3"></div>
              <h3 data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb64" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-32">Εποχή του <br>Διάχυτου Yπολογισμού</h3>
              <p id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb67-3257b2da" data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb67" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, πολλοί υπολογιστές</p>
            </div>
          </div>
          <div class="div-block-168"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165-copy"></div>
        </div>
      </div>
    </div>
    <div id="dy" class="dy" data-section-name="Εισαγωγή στην Διάχυτη Υπολογιστική">
      <div id="custom-content-2">
        <div class="epoxes-3" id="epoxes-3">
          <div id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb66-3257b2da" class="div-block-67">
            <h3 data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb64" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-32">Εποχή του <br>Διάχυτου Yπολογισμού</h3>
            <p id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb67-3257b2da" data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb67" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, πολλοί υπολογιστές</p>
          </div>
        </div>
        <div class="div-block-168" id="epoxes-3-wave"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165-copy"></div>
      </div>
      <div id="sunexeia-dy" data-w-id="c9a08ce8-5b0c-e529-0f60-1c031e844df9" class="dy-intro">
        <div class="container-39 w-container">
          <p class="par1 paragraph-52">Ένα τεράστιο δίκτυο διασυνδεδεμένων συσκευών ενσωματώνεται στη ζωή μας.<br></p>
          <p class="par2 paragraph-52">Ο πανταχού παρών υπολογισμός, γνωστός και ως διάχυτος υπολογισμός ή Internet of Things (IoT), βρίσκεται στο επίκεντρο αυτού του μετασχηματισμού, αναδιαμορφώνοντας τον τρόπο αλληλεπίδρασης με την τεχνολογία και φέρνοντας επανάσταση στις καθημερινές μας εμπειρίες.</p>
        </div>
      </div>
      <div class="dy-inventor" data-section-name="Ο Εμπνευστής">
        <div class="mark-weiser">
          <div class="container-47 w-container">
            <div data-w-id="f07aa73d-1f52-ad73-beba-b08717de542f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-193">
              <p class="paragraph-61">Mark Weiser</p>
              <p class="paragraph-1">Ο Mark Weiser ήταν ένας οραματιστής επιστήμονας υπολογιστών που θεωρείται ευρέως ως <span class="bold-span">ο εφευρέτης</span> της διάχυτης υπολογιστικής.</p>
            </div>
            <div data-w-id="9b7e0ba0-2330-94ce-2c61-73d461c97294" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quick-stack-wrapper">
              <div id="w-node-_59a4203e-d69e-604f-b998-df7cb9b5c8d2-3257b2da" class="w-layout-layout wf-layout-layout">
                <div id="w-node-_4fdf5143-53dd-2d81-c843-1034d6e3f167-3257b2da" class="w-layout-cell">
                  <div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo youtube"><iframe src="https://www.youtube.com/embed/CkHALBOqn7s?rel=0&amp;controls=1&amp;autoplay=0&amp;mute=1&amp;start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="The Computer for the 21st Century"></iframe></div>
                </div>
                <div id="w-node-_1aa1b750-cd73-79d0-2caf-234b2d1be0b1-3257b2da" class="w-layout-cell">
                  <a data-w-id="5b782e28-0814-759a-1a4a-629cd0afe1a0" href="https://en.wikipedia.org/wiki/Mark_Weiser" target="_blank" class="biography-link w-inline-block">
                    <div style="opacity:0" class="div-block-194">
                      <div class="text-block-32">Η Βιογραφία</div>
                    </div><img src="images/markweiser4.jpeg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 545.2291870117188px, 55vw" srcset="images/markweiser4-p-500.jpeg 500w, images/markweiser4.jpeg 750w" alt="Mark Weiser - Η βιογραφία του" class="biography-image">
                  </a>
                </div>
                <div id="w-node-_66a9b744-7d80-d0bc-943d-e085894a8c20-3257b2da" class="w-layout-cell">
                  <a data-w-id="1ab8defe-a862-419e-7578-5f0e3ab48cc6" href="https://dl.acm.org/doi/epdf/10.1145/329124.329126" target="_blank" class="paper-link w-inline-block">
                    <div style="opacity:0" class="div-block-194">
                      <div class="text-block-32">The Computer for the <span class="text-span-28">21</span>st Century</div>
                    </div><img src="images/markweiser2.jpg" loading="lazy" alt="Paper - The Computer of the 21st Century" class="paper-image">
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mark-weiser-2">
          <div class="container-47 w-container">
            <p data-w-id="3dda0363-8c0d-5d9a-40ca-dae3304f9e7a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-2">Η θεμελιώδης εργασία του Weiser, <span class="bold-span">&quot;The Computer for the 21st Century&quot;</span>, που δημοσιεύτηκε το 1991, ενώ υπηρετούσε ως Επικεφαλής Τεχνολόγος στο <span class="bold-span">Xerox PARC</span> κατά τη διάρκεια των δεκαετιών του 1980 και του 1990, άλλαξε το τοπίο της τεχνολογίας.</p>
            <p data-w-id="e718b7b6-9278-be45-c55e-61f2e29253cd" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-2">Οραματίστηκε έναν κόσμο όπου οι υπολογιστές θα ενσωματώνονταν <span class="bold-span">απρόσκοπτα</span> στην καθημερινότητά μας, λειτουργώντας αρμονικά και αόρατα, εμπλουτίζοντας τις ανθρώπινες εμπειρίες.</p>
          </div>
        </div>
        <div class="mark-weiser-3">
          <div class="container-47 w-container">
            <div data-w-id="b92a0c5a-0105-b223-20ed-64c72986f09b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quotes-wrapper">
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">“</div>
                </div>
              </div>
              <div class="text-block-34">Machines that fit the human environment, instead of forcing humans to enter theirs, will make using a computer as refreshing as taking a walk in the woods.</div>
              <div class="text-block-35">-Mark Weiser-</div>
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">”</div>
                </div>
              </div>
            </div>
            <div data-w-id="f047313b-cb20-94c0-3d70-a7386dc15f7c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quotes-wrapper-2">
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">“</div>
                </div>
              </div>
              <div class="text-block-34">Ubiquitous computing names the third wave in computing. First were mainframes, each shared by lots of people. Now we are in the personal computing era, person and machine staring uneasily at each other across the desktop. Next comes ubiquitous computing, or the age of calm technology, when technology recedes into the background of our lives.</div>
              <div class="text-block-35">-Mark Weiser-</div>
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">”</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dy-orismos" data-section-name="Ο Ορισμός">
        <div class="between-section-3 center">
          <div class="container-26 w-container">
            <p data-w-id="c1b1d900-d1d4-2926-237a-eab9469ac0fb" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-21">Έτσι γεννήθηκε η ...</p>
          </div>
        </div>
        <div class="diaxuth-upologistikh">
          <div class="container-15 w-container">
            <h2 data-w-id="58cedb70-65e5-9c00-ecca-c7be3ccd75c3" class="heading-6">ΔΙΆΧΥΤΗ<br>ΥΠΟΛΟΓΙΣΤΙΚΉ</h2>
          </div>
        </div>
        <div data-w-id="a810d057-46f6-30fb-000b-06b8b0e3d779" class="diaxuth-ypologistikh-2">
          <div class="search-bar"><img src="images/172_2.png" loading="lazy" height="" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/172_2-p-500.png 500w, images/172_2-p-800.png 800w, images/172_2-p-1080.png 1080w, images/172_2-p-1600.png 1600w, images/172_2-p-2000.png 2000w, images/172_2.png 2381w" class="image-82"></div>
          <div class="div-block-20">
            <h3 class="heading-57">Τι είναι;</h3>
            <p class="paragraph-4">Η διάχυτη υπολογιστική, ως έννοια της επιστήμης των υπολογιστών και της αλληλεπίδρασης ανθρώπου-υπολογιστή, βασίζεται στη απρόσκοπτη ενσωμάτωση της τεχνολογίας στα καθημερινά περιβάλλοντα και δραστηριότητές μας.</p>
            <p class="paragraph-5"> Η ιδέα πίσω από την πανταχού παρούσα υπολογιστική είναι η δημιουργία ενός υπολογιστικού περιβάλλοντος τόσο διάχυτου και διακριτικού που γίνεται αόρατο, ενισχύοντας τις εμπειρίες μας χωρίς να απαιτείται άμεση παρέμβαση του χρήστη.</p>
          </div>
        </div>
        <div class="between-section-4-copy"></div>
        <section data-w-id="6faa27fd-3095-9560-a7e3-61f364498635" class="between-section-4">
          <div class="transition-div"></div>
        </section>
      </div>
      <div id="assdy" class="assdy" data-section-name="Αρχές Σχεδιασμού">
        <div data-w-id="ebf016b5-a849-7305-f1a9-7666261e5399" class="assdy-1">
          <div class="div-block-149">
            <h2 class="heading-9">Αρχές Σχεδιασμού </h2>
            <h2 class="heading-24">Συστημάτων</h2>
            <h2 class="heading-22">Διάχυτου Υπολογισμού</h2>
          </div>
        </div>
        <div class="between-section-6"></div>
        <div data-w-id="475836ce-4672-57ce-f3a0-38541004608e" class="assdy-2">
          <div class="container-17 w-container">
            <div class="highlight"></div>
            <div class="highlight-2"></div>
            <div class="part-1">
              <h3 class="heading-10">απλότητα</h3>
              <div data-w-id="69a96168-c4e9-1974-f705-fad234a6f518" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-147">
                <p data-w-id="1c4d1403-fa74-a93d-eff7-7b1c7f10d5f1" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-28">Μία από τις θεμελιώδεις αρχές της διάχυτης υπολογιστικής είναι η απλότητα. Ο σχεδιασμός θα πρέπει να επιδιώκει την απλότητα στις αλληλεπιδράσεις, τις διεπαφές και τη συνολική εμπειρία χρήστη.</p>
              </div>
              <div data-w-id="e58a29c4-8107-85f5-bd24-221aca2e40c5" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-148">
                <p data-w-id="e6dff045-b425-a48f-01b2-0bd23dbdad17" style="opacity:0" class="paragraph-28">Ο στόχος είναι η τεχνολογία να συνδυάζεται <span class="text-span-16">απρόσκοπτα </span>με το περιβάλλον και την καθημερινή ζωή του χρήστη, χωρίς να τον συντρίβει ή να τον μπερδεύει με πολύπλοκες διεπαφές ή αλληλεπιδράσεις.<br></p>
              </div>
              <div class="div-block-30"><img src="images/pablo-arroyo-_SEbdtH4ZLM-unsplash.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 495.66668701171875px, 50vw" alt="Απλότητα" srcset="images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-500.jpg 500w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-800.jpg 800w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-1080.jpg 1080w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-1600.jpg 1600w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-2000.jpg 2000w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-2600.jpg 2600w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-3200.jpg 3200w" class="image-66"></div>
            </div>
            <div class="part-2">
              <h4 class="heading-11">επίγνωση πλαισίου</h4>
              <p data-w-id="eb46852b-5465-1e0a-d667-fce6d70fa16e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-6">Τα πανταχού παρόντα υπολογιστικά συστήματα έχουν σχεδιαστεί για να έχουν επίγνωση του περιβάλλοντος, που σημαίνει ότι μπορούν να <span class="text-span-16">αντιληφθούν</span> και να <span class="text-span-16">ανταποκριθούν</span> στο περιβάλλον και την κατάσταση του χρήστη. Με την ανίχνευση και την κατανόηση πληροφοριών, όπως η τοποθεσία, η ώρα και οι προτιμήσεις των χρηστών, αυτά τα συστήματα μπορούν να προσαρμόσουν και να παρέχουν σχετικές πληροφορίες και υπηρεσίες.<br></p>
            </div>
            <div class="part-3">
              <h4 class="heading-12">ικανότητα προσαρμογής</h4>
              <p data-w-id="f554b615-d690-6e8f-3a0f-04d210511d95" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-7">Τα πανταχού παρόντα υπολογιστικά συστήματα θα πρέπει να προσαρμόζονται στις <span class="text-span-16">αλλαγές</span> στις ανάγκες, τις προτιμήσεις και τα περιβάλλοντα του χρήστη. <br><br>Θα πρέπει να είναι αρκετά <span class="text-span-16">ευέλικτα</span> ώστε να ικανοποιούν τις διαφορετικές απαιτήσεις των χρηστών και να μπορούν να προσαρμόζονται σε δυναμικές καταστάσεις.</p>
              <div class="div-block-27"></div>
            </div>
            <div class="part-4">
              <h4 class="heading-13">διαφάνεια</h4>
              <p data-w-id="2624df42-42ca-5c6b-d255-9b3ad48e9b2c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-8">Η πανταχού παρούσα πληροφορική στοχεύει να κάνει την τεχνολογία να ξεθωριάζει στο <span class="text-span-16">παρασκήνιο</span> και να γίνει ένα αόρατο μέρος της ζωής μας. Αυτή η αρχή της διαφάνειας υποδηλώνει ότι η τεχνολογία δεν πρέπει να είναι παρεμβατική και να λειτουργεί απρόσκοπτα χωρίς να εφιστά την προσοχή στον εαυτό της.</p>
              <div class="div-block-28"><img src="images/paper-silhouette-cutout-man-businessman-drawing-steps.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="Διαφάνεια" srcset="images/paper-silhouette-cutout-man-businessman-drawing-steps-p-500.jpg 500w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-800.jpg 800w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-1080.jpg 1080w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-1600.jpg 1600w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-2000.jpg 2000w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-2600.jpg 2600w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-3200.jpg 3200w" class="image-67"></div>
            </div>
            <div class="part-5">
              <h4 class="heading-14">αξιοπιστία</h4>
              <p data-w-id="7635089d-3963-a665-389e-274fa036d963" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-9">Θα πρέπει επισης να είναι ανθεκτικά και αξιόπιστα, ικανά να αντέχουν σε διάφορες περιβαλλοντικές συνθήκες, αστοχίες υλικού και διακοπές δικτύου. Θα πρέπει να υπάρχουν μηχανισμοί ανοχής σφαλμάτων και χειρισμού σφαλμάτων ώστε να διασφαλίζεται η <span class="text-span-16">σταθερότητα</span> του συστήματος και να αποφεύγεται η απώλεια ή η καταστροφή δεδομένων.</p>
              <div class="div-block-37"><img src="images/ai-robot-using-cyber-security-protect-information-privacy-1.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="Αξιοπιστία" srcset="images/ai-robot-using-cyber-security-protect-information-privacy-1-p-500.jpg 500w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-800.jpg 800w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-1080.jpg 1080w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-1600.jpg 1600w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-2000.jpg 2000w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-2600.jpg 2600w, images/ai-robot-using-cyber-security-protect-information-privacy-1.jpg 3367w" class="image-68"></div>
            </div>
            <div class="part-6">
              <h4 class="heading-15">προστασία ιδιωτικότητας</h4>
              <p data-w-id="d9adb0f0-f0f3-19ff-a896-c5a79e0d4346" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-10">Το απόρρητο και η ασφάλεια είναι κρίσιμα ζητήματα στον διάχυτο υπολογισμό. Οι αρχές σχεδιασμού από αυτή την άποψη πρέπει να δίνουν έμφαση στον <span class="text-span-16">έλεγχο</span> και τη <span class="text-span-16">συναίνεση</span> των χρηστών στα <span>προσωπικά δεδομένα</span>, στην εξασφάλιση ασφαλούς επικοινωνίας και αποθήκευσης και στην εφαρμογή μηχανισμών για την προστασία του απορρήτου.<br></p>
              <div class="div-block-29"></div>
            </div>
            <div class="part-7">
              <h4 class="heading-16">επεκτασιμότητα</h4>
              <div class="div-block-150">
                <p data-w-id="b3a51cea-ad30-bc95-1163-558e6d160562" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-11">Τέλος τα συστήματα αυτά θα πρέπει να σχεδιάζονται ώστε να είναι επεκτάσιμα, επιτρέποντάς τα να φιλοξενούν διάφορες συσκευές, τεχνολογίες και περιβάλλοντα. Θα πρέπει να μπορούν να <span class="text-span-16">συνδέονται απρόσκοπτα</span> με νέες συσκευές ή τεχνολογίες καθώς αυτές εμφανίζονται, διασφαλίζοντας τη συμβατότητα και τη διαλειτουργικότητα.</p>
              </div>
            </div>
          </div>
        </div>
        <div data-w-id="f7079682-78ae-748b-0613-2c514b23bb8e" class="between-section-10">
          <div class="transition-div black"></div>
        </div>
      </div>
    </div>
    <div id="dy-2" class="dy-2" data-section-name="Διάχυτη Υπολογιστική">
      <div id="custom-content-1" class="customized-content">
        <div class="styles w-embed">
          <style>
            .embed {
              opacity: 1;
            }
            body {
              overscroll-behavior: none;
            }
            .track2 {
              height: calc(100vh + 1000px);
            }
          </style>
        </div>
        <div class="hero">
          <h1 class="custom-heading">Τα Τρία Κύματα<br>της Διάχυτης<br>Υπολογιστικής</h1>
          <p class="custom-par">Στο ταξίδι μας στον συναρπαστικό κόσμο της πανταχού παρούσας πληροφορικής, καταλαβαίνουμε ότι μερικές φορές είστε πρόθυμοι να βουτήξετε κατευθείαν στην καρδιά του θέματος. Στις επόμενες ενότητες, θα ξεκινήσουμε μια συναρπαστική εξερεύνηση των τριών κυμάτων της πανταχού παρούσας πληροφορικής, προσφέροντας μια ολοκληρωμένη εικόνα.</p>
        </div>
        <div class="track2">
          <div class="embed w-embed w-script">
            <script type="module" src="https://unpkg.com/@splinetool/viewer@0.9.434/build/spline-viewer.js"></script>
            <spline-viewer url="https://prod.spline.design/e93XQTFw0wdijxyk/scene.splinecode"></spline-viewer>
          </div>
        </div>
        <div class="between-section-1">
        </div>
      </div>
      <div id="stadia-dy-content" class="stadia-dy-content" data-section-name="Τα Τρία Κύματα">
        <div class="stadia-dy">
          <div data-w-id="dc4f9a3b-e279-6fc7-f432-f4c8f0b04b70" class="stadia center"><img src="images/27240.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/27240-p-500.png 500w, images/27240-p-800.png 800w, images/27240-p-1080.png 1080w, images/27240-p-1600.png 1600w, images/27240-p-2600.png 2600w, images/27240-p-3200.png 3200w" alt="" class="image-144-copy">
            <div class="text-block-36">Όπως ακριβώς με τα κύματα υπολογιστών...</div>
            <div class="container-33 w-container">
              <p class="paragraph-29">Διακρίνουμε 3</p>
              <h2 class="heading-29">Στάδια - Κύματα</h2>
              <p class="paragraph-30">Διάχυτης Υπολογιστικής</p>
            </div>
          </div>
          <div class="prwto-kyma"><img src="images/wave1.png" loading="lazy" id="w-node-df029de1-4cde-2c9c-731f-12da1081d6ea-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave1-p-500.png 500w, images/wave1-p-800.png 800w, images/wave1-p-1080.png 1080w, images/wave1-p-1600.png 1600w, images/wave1-p-2000.png 2000w, images/wave1-p-2600.png 2600w, images/wave1-p-3200.png 3200w" class="image-159">
            <div class="div-block-2">
              <h3 data-w-id="dc4f9a3b-e279-6fc7-f432-f4c8f0b04b7a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-3">Πρώτο Κύμα</h3>
              <ul data-w-id="38051722-995e-b9e2-cd75-932e8fbf8b53" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-4">
                <li>
                  <a href="#mobile-fp" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item w-inline-block">
                    <div>01. Φορητές Συσκευές</div>
                  </a>
                </li>
                <li>
                  <a href="#wireless-com-fp" class="link-list-item w-inline-block">
                    <div>02. Ασύρματη Επικοινωνία</div>
                  </a>
                </li>
                <li>
                  <a href="#rfid-fp" class="link-list-item w-inline-block">
                    <div>03. Τεχνολογία RFID</div>
                  </a>
                </li>
                <li>
                  <a href="#cloud-fp" class="link-list-item w-inline-block">
                    <div>04. Cloud Computing</div>
                  </a>
                </li>
                <li>
                  <a href="#sensors-fp" class="link-list-item w-inline-block">
                    <div>05. Αισθητήρες και Ενεργοποιητές</div>
                  </a>
                </li>
                <li>
                  <a href="#comp-vis-fp" class="link-list-item w-inline-block">
                    <div>06. Υπολογιστική Όραση</div>
                  </a>
                </li>
                <li>
                  <a href="#lbs-fp" class="link-list-item w-inline-block">
                    <div>07. Συστήματα που βασίζονται στη θέση</div>
                  </a>
                </li>
                <li>
                  <a href="#nlp-fp" class="link-list-item w-inline-block">
                    <div>08. Επεξεργασία φυσικής γλώσσας</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="prwto-kyma-2">
            <div id="w-node-df029de1-4cde-2c9c-731f-12da1081d6eb-3257b2da" class="div-block-4">
              <div class="arch-block"></div>
              <p class="paragraph-43">Περιλαμβάνει το όραμα και την <span class="bold-span">πρώιμη ανάπτυξη</span> της ιδέας. Κατά τη διάρκεια αυτής της περιόδου, οι ερευνητές μελέτησαν την ιδέα της ενσωμάτωσης υπολογιστικών συσκευών σε διάφορα αντικείμενα, με στόχο τη δημιουργία έξυπνων περιβαλλόντων που θα μπορούσαν να προσαρμοστούν στις ανθρώπινες ανάγκες. Σε αυτό το κύμα έχουμε τα <span class="bold-span">βασικά δομικά στοιχεία</span> που αποτελούν τα <span class="bold-span">θεμέλια</span> για τις μετέπειτα εξελίξεις στον τομέα.<br></p>
              <a href="#prwto-stadio" data-w-id="c320b1df-dca3-b35e-647e-944c4984887a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block w-inline-block">
                <div class="text-block-27">στο Πρώτο Κύμα</div>
              </a>
            </div>
          </div>
          <div class="deytero-kyma"><img src="images/wave2.png" loading="lazy" id="w-node-_124c4873-939b-c279-0205-d313afb4a910-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave2-p-500.png 500w, images/wave2-p-800.png 800w, images/wave2-p-1080.png 1080w, images/wave2-p-1600.png 1600w, images/wave2-p-2000.png 2000w, images/wave2-p-2600.png 2600w, images/wave2-p-3200.png 3200w" class="image-159">
            <div class="div-block-3">
              <h3 data-w-id="124c4873-939b-c279-0205-d313afb4a912" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-1">Δεύτερο Κύμα</h3>
              <ul data-w-id="b09ed23a-2f2a-04f6-6770-02f1af9181fb" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-6">
                <li>
                  <a href="#smart-house" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>01. Έξυπνο Σπίτι</div>
                  </a>
                </li>
                <li>
                  <a href="#smart-car" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>02. Έξυπνο Αυτοκίνητο</div>
                  </a>
                </li>
                <li>
                  <a href="#smart-clothes" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>03. Έξυπνα Ρούχα</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="deytero-kyma-2">
            <div id="w-node-_9451b9ab-7033-4c2c-8e64-d9882b424acb-3257b2da" class="div-block-59">
              <div class="arch-block-2"></div>
              <p class="paragraph-43">Αντιπροσωπεύει την εποχή που βιώνουμε <span class="bold-span">σήμερα</span>. Χαρακτηρίζεται από την αξιοποίηση των τεχνολογιών του <span class="bold-span">πρώτου κύματος</span> και την αναδιαμόρφωση του τρόπου με τον οποίο αλληλεπιδρούμε με το περιβάλλον μας. Η εστίαση μετατοπίστηκε στη δημιουργία προσωπικών και φορητών υπολογιστικών εμπειριών έχοντας τους <span class="bold-span">χρήστες στο επίκεντρο</span>.</p>
              <a href="#deutero-stadio" data-w-id="9451b9ab-7033-4c2c-8e64-d9882b424ad9" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block-9 w-inline-block">
                <div class="text-block-27">στο Δεύτερο Κύμα</div>
              </a>
            </div>
          </div>
          <div class="trito-kyma"><img src="images/wave3.png" loading="lazy" id="w-node-_1ee1c6d4-f87b-e25b-4443-3c9dabe09a15-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave3-p-500.png 500w, images/wave3-p-800.png 800w, images/wave3-p-1080.png 1080w, images/wave3-p-1600.png 1600w, images/wave3-p-2000.png 2000w, images/wave3-p-2600.png 2600w, images/wave3-p-3200.png 3200w" class="image-159">
            <div class="div-block-5">
              <h3 data-w-id="1ee1c6d4-f87b-e25b-4443-3c9dabe09a17" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-2">Τρίτο Κύμα</h3>
              <ul data-w-id="8f885d1a-96fb-cf2c-04fe-96e1532547e6" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-1">
                <li>
                  <a href="#scenario-intro" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item trito w-inline-block">
                    <div>01. Μια μέρα στη ζωή ενός κατοίκου του μέλλοντος</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="trito-kyma-2">
            <div id="w-node-bbbda4b0-680f-d2ce-9b3e-1d9fa4101506-3257b2da" class="div-block-6">
              <div class="arch-block-3"></div>
              <p class="paragraph-43">Aντιπροσωπεύει τις <span class="bold-span">μελλοντικές δυνατότητες</span> και το εξελισσόμενο τοπίο της διάχυτης υπολογιστικής. Υπερβαίνει συγκεκριμένες τεχνολογίες και εφαρμογές, ενθαρρύνοντας την <span class="bold-span">αφηρημένη σκέψη</span> και οραματίζοντας <span class="bold-span">νέους ορίζοντες</span>. Διερευνά τις δυνατότητες για απρόσκοπτη ενσωμάτωση των υπολογιστών σε κάθε πτυχή της ζωής μας, όπου η τεχνολογία γίνεται πραγματικά αόρατη και συνδυάζεται αρμονικά με το περιβάλλον μας.</p>
              <a href="#trito-stadio" data-w-id="bbbda4b0-680f-d2ce-9b3e-1d9fa4101513" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block-10 w-inline-block">
                <div class="text-block-27">στο Τρίτο Κύμα</div>
              </a>
            </div>
          </div>
          <div data-w-id="4f39e806-43d0-09f3-5425-8adfa88aa9d7" class="div-block-168-copy"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165"></div>
        </div>
      </div>
      <div id="kymata" class="kymata">
        <div class="prwto-kyma-content" data-section-name="Πρώτο Κύμα">
          <div class="arxh-prwto-kyma">
            <div id="prwto-stadio" class="arxh-prwto">
              <h3 data-w-id="8262db12-abf8-9d64-7e09-d35c8cb7610b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-60">Το ξεκίνημα της διάχυτης υπολογιστικής: Χτίζοντας τα θεμέλια</h3>
              <div class="container-50 w-container">
                <h2 class="heading-52">Πρώτο<br></h2>
                <h2 class="heading-52-copy">Κύμα<br></h2>
              </div>
            </div>
            <div class="telos-prwto-2"><img src="images/wave2_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave2_1-p-500.png 500w, images/wave2_1-p-800.png 800w, images/wave2_1-p-1080.png 1080w, images/wave2_1-p-1600.png 1600w, images/wave2_1-p-2000.png 2000w, images/wave2_1-p-2600.png 2600w, images/wave2_1-p-3200.png 3200w, images/wave2_1.png 6001w" alt="" class="image-165"></div>
          </div>
          <div class="forhtes-suskeues" data-section-name="01. Φορητές Συσκευές">
            <section id="mobile-fp" class="forhtes-suskeues-front-page">
              <section data-w-id="c2d1c73a-c998-d6b9-8cde-f7ee0c2cdc9f" class="section-phone">
                <div class="phone-front">
                  <div class="buttons">
                    <div class="buttons-depth-layer layer-2">
                      <div class="btn1"></div>
                      <div class="btn1 btn2"></div>
                      <div class="btn1 btn2"></div>
                    </div>
                    <div class="buttons-depth-layer">
                      <div class="btn1"></div>
                      <div class="btn1 btn2"></div>
                      <div class="btn1 btn2"></div>
                    </div>
                    <div class="btn1"></div>
                    <div class="btn1 btn2"></div>
                    <div class="btn1 btn2"></div>
                  </div>
                  <div class="phone-depth-layer first">
                    <div class="phone-depth-layer">
                      <div class="phone-depth-layer">
                        <div class="phone-depth-layer">
                          <div class="phone-depth-layer">
                            <div class="phone-depth-layer">
                              <div class="phone-depth-layer">
                                <div class="phone-depth-layer">
                                  <div class="phone-depth-layer">
                                    <div class="phone-depth-layer">
                                      <div class="phone-depth-layer">
                                        <div class="phone-depth-layer">
                                          <div class="phone-depth-layer">
                                            <div class="phone-depth-layer">
                                              <div class="phone-depth-layer">
                                                <div class="phone-depth-layer">
                                                  <div class="phone-depth-layer">
                                                    <div class="phone-depth-layer">
                                                      <div class="phone-depth-layer">
                                                        <div class="phone-depth-layer">
                                                          <div class="phone-depth-layer">
                                                            <div class="phone-depth-layer">
                                                              <div class="phone-depth-layer">
                                                                <div class="phone-depth-layer last"></div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="front-design">
                    <div class="cam">
                      <div class="cam-dot">
                        <div class="camera-gloss"></div>
                        <div class="camerra-gloss-2"></div>
                      </div>
                    </div>
                    <div class="screen-2">
                      <div class="screen-wallpaper"></div>
                    </div>
                    <div class="light"></div>
                  </div>
                  <div class="shadow"></div>
                </div>
                <div class="phone-back">
                  <div class="buttons buttons-back">
                    <div class="buttons-depth-layer layer-2">
                      <div class="btn1 btn3"></div>
                    </div>
                    <div class="buttons-depth-layer">
                      <div class="btn1 btn3"></div>
                    </div>
                    <div class="btn1 btn3"></div>
                  </div>
                  <div class="flashlight">
                    <div class="flash-layer">
                      <div class="flash-layer">
                        <div class="flash-layer">
                          <div class="flash-layer is-flashligh"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam3">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="back-camera-lens">
                                <div class="backcamera-detail">
                                  <div class="camera-gloss"></div>
                                  <div class="camera-gloss-3"></div>
                                </div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam2">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="back-camera-lens medium">
                                <div class="backcamera-detail greener">
                                  <div class="camera-gloss"></div>
                                  <div class="camera-gloss-3"></div>
                                </div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam1">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="backcamera-detail">
                                <div class="camera-gloss"></div>
                                <div class="camera-gloss-3"></div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="back-cam">
                    <div class="back-cam-layer">
                      <div class="back-cam-layer first">
                        <div class="back-cam-layer">
                          <div class="back-cam-layer">
                            <div class="back-cam-layer last"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="phone-depth-layer first">
                    <div class="phone-depth-layer">
                      <div class="phone-depth-layer">
                        <div class="phone-depth-layer">
                          <div class="phone-depth-layer">
                            <div class="phone-depth-layer">
                              <div class="phone-depth-layer">
                                <div class="phone-depth-layer">
                                  <div class="phone-depth-layer">
                                    <div class="phone-depth-layer">
                                      <div class="phone-depth-layer">
                                        <div class="phone-depth-layer">
                                          <div class="phone-depth-layer">
                                            <div class="phone-depth-layer">
                                              <div class="phone-depth-layer">
                                                <div class="phone-depth-layer">
                                                  <div class="phone-depth-layer">
                                                    <div class="phone-depth-layer">
                                                      <div class="phone-depth-layer">
                                                        <div class="phone-depth-layer">
                                                          <div class="phone-depth-layer">
                                                            <div class="phone-depth-layer">
                                                              <div class="phone-depth-layer">
                                                                <div class="phone-depth-layer last"></div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>