Zum Inhalt springen

Änderungen von Dokument Get Started

Zuletzt geändert von Veronika Kocher am Freitag, 04 Sep. 2026 14:45
Von Version 2.8
bearbeitet von Veronika Kocher
am Donnerstag, 03 Sep. 2026 13:04
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 2.11
bearbeitet von Veronika Kocher
am Freitag, 04 Sep. 2026 14:45
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -384,6 +384,32 @@
384 384   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">Projektplanung &amp; Organisation</a>,
385 385   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">Förderung &amp; Förderbedingungen</a> und <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Datenmanagement planen</a>.
386 386   </div>
387 +
388 +<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
389 +<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
390 + <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
391 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN &amp; WORKSHOPS</div>
392 + <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops &amp; Sprechstunden</h3>
393 + <p style="margin:0 0 10px;color:#5e5953;line-height:1.55;">Passende Angebote zu diesem Thema werden hier künftig automatisch aus dem zentralen Kalender angezeigt.</p>
394 + <span data-arsn-coming-soon="true" style="display:inline-block;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">IN VORBEREITUNG</span>
395 + </div>
396 +</section>
397 +<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
398 +
399 +<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
400 +<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
401 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">NÜTZLICHE MATERIALIEN</div>
402 + <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Praktische Ressourcen</h3>
403 + <p style="margin:0 0 12px;color:#5e5953;line-height:1.55;">Nutze praktische Ressourcen, wenn du einen kompakten Überblick, eine Schritt-für-Schritt-Anleitung oder eine direkt einsetzbare Arbeitshilfe brauchst.</p>
404 + <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
405 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #21b6d7;border-radius:9px;"><strong>Info-Blätter</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Kurze Orientierungshilfen für häufige Fragen und Entscheidungen.</div></div>
406 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;"><strong>Anleitungen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Schritt-für-Schritt-Anleitungen für konkrete Aufgaben und Abläufe.</div></div>
407 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #38b76a;border-radius:9px;"><strong>Checklisten &amp; Vorlagen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Direkt einsetzbare Checklisten und Vorlagen zum Planen, Durchführen und Abschließen von Projekten.</div></div>
408 + </div>
409 + <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
410 +</section>
411 +<!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
412 +
387 387  </div>
388 388  {{/html}}
389 389  
... ... @@ -469,6 +469,38 @@
469 469  [data-sn-master-first-row]{
470 470   box-sizing:border-box;
471 471  }
498 +
499 +/* =========================================================
500 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
501 + ========================================================= */
502 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
503 + display:grid!important;
504 + grid-template-columns:minmax(0,1fr)!important;
505 + grid-auto-rows:auto!important;
506 + width:100%!important;
507 + max-width:none!important;
508 + box-sizing:border-box!important;
509 + justify-items:start!important;
510 + align-items:start!important;
511 + gap:2px!important;
512 + text-align:left!important;
513 + text-align-last:left!important;
514 + text-justify:auto!important;
515 + word-spacing:normal!important;
516 + white-space:normal!important;
517 +}
518 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
519 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
520 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
521 + display:block!important;
522 + width:100%!important;
523 + margin:0!important;
524 + text-align:left!important;
525 + text-align-last:left!important;
526 + text-justify:auto!important;
527 + word-spacing:normal!important;
528 + white-space:normal!important;
529 +}
472 472  </style>
473 473  
474 474  <script data-sn-service-navigator-master="1">
... ... @@ -661,6 +661,227 @@
661 661   }
662 662  
663 663   /* =======================================================
722 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
723 + ======================================================= */
724 +
725 + function colourDistance(a,b){
726 + return Math.sqrt(
727 + Math.pow(a[0]-b[0],2)+
728 + Math.pow(a[1]-b[1],2)+
729 + Math.pow(a[2]-b[2],2)
730 + );
731 + }
732 +
733 + function makeFilledRedOrangeCTAsBorderless(){
734 + var RED_ORANGE=[233,75,19];
735 +
736 + Array.from(
737 + root.querySelectorAll(
738 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
739 + )
740 + ).forEach(function(el){
741 + if(!visible(el))return;
742 +
743 + var style=getComputedStyle(el);
744 + var rgb=parseRGB(style.backgroundColor);
745 +
746 + if(!rgb)return;
747 +
748 + if(
749 + colourDistance(
750 + rgb,
751 + RED_ORANGE
752 + )>55
753 + ){
754 + return;
755 + }
756 +
757 + var rect=el.getBoundingClientRect();
758 +
759 + if(
760 + rect.width<80||
761 + rect.height<24
762 + ){
763 + return;
764 + }
765 +
766 + el.style.setProperty(
767 + "border",
768 + "none",
769 + "important"
770 + );
771 +
772 + el.style.setProperty(
773 + "border-left",
774 + "none",
775 + "important"
776 + );
777 +
778 + el.style.setProperty(
779 + "border-top",
780 + "none",
781 + "important"
782 + );
783 +
784 + el.style.setProperty(
785 + "border-right",
786 + "none",
787 + "important"
788 + );
789 +
790 + el.style.setProperty(
791 + "border-bottom",
792 + "none",
793 + "important"
794 + );
795 +
796 + el.style.setProperty(
797 + "box-shadow",
798 + "none",
799 + "important"
800 + );
801 + });
802 + }
803 +
804 + /* =======================================================
805 + FULL-WIDTH THREE-LINE AREA LABELS
806 + ======================================================= */
807 +
808 + function compactText(value){
809 + return String(value||"")
810 + .replace(/\s+/g," ")
811 + .trim();
812 + }
813 +
814 + function makeThreeLineAreaLabels(){
815 + Array.from(
816 + root.querySelectorAll(
817 + ".arsn-area-label"
818 + )
819 + ).forEach(function(label){
820 + if(
821 + label.getAttribute(
822 + "data-sn-three-line"
823 + )==="1"
824 + ){
825 + return;
826 + }
827 +
828 + var number=
829 + label.querySelector(
830 + ":scope > .arsn-area-number"
831 + );
832 +
833 + var action=
834 + label.querySelector(
835 + ":scope > .arsn-area-action"
836 + );
837 +
838 + if(
839 + !number||
840 + !action
841 + ){
842 + return;
843 + }
844 +
845 + var clone=
846 + label.cloneNode(true);
847 +
848 + var cloneNumber=
849 + clone.querySelector(
850 + ":scope > .arsn-area-number"
851 + );
852 +
853 + var cloneAction=
854 + clone.querySelector(
855 + ":scope > .arsn-area-action"
856 + );
857 +
858 + if(cloneNumber){
859 + cloneNumber.remove();
860 + }
861 +
862 + if(cloneAction){
863 + cloneAction.remove();
864 + }
865 +
866 + var titleText=
867 + compactText(
868 + clone.textContent
869 + );
870 +
871 + if(!titleText){
872 + return;
873 + }
874 +
875 + var numberNode=
876 + number.cloneNode(true);
877 +
878 + var actionNode=
879 + action.cloneNode(true);
880 +
881 + var titleNode=
882 + document.createElement(
883 + "span"
884 + );
885 +
886 + titleNode.className=
887 + "sn-area-label-title";
888 +
889 + titleNode.textContent=
890 + titleText;
891 +
892 + while(label.firstChild){
893 + label.removeChild(
894 + label.firstChild
895 + );
896 + }
897 +
898 + label.appendChild(
899 + numberNode
900 + );
901 +
902 + label.appendChild(
903 + titleNode
904 + );
905 +
906 + label.appendChild(
907 + actionNode
908 + );
909 +
910 + label.setAttribute(
911 + "data-sn-three-line",
912 + "1"
913 + );
914 +
915 + var head=
916 + label.closest(
917 + ".arsn-area-head"
918 + );
919 +
920 + if(head){
921 + head.style.setProperty(
922 + "width",
923 + "100%",
924 + "important"
925 + );
926 +
927 + head.style.setProperty(
928 + "max-width",
929 + "100%",
930 + "important"
931 + );
932 +
933 + head.style.setProperty(
934 + "box-sizing",
935 + "border-box",
936 + "important"
937 + );
938 + }
939 + });
940 + }
941 +
942 + /* =======================================================
664 664   PLACEHOLDER BADGE
665 665   ======================================================= */
666 666  
... ... @@ -1431,6 +1431,9 @@
1431 1431   var headers=
1432 1432   applyOverviewPalette();
1433 1433  
1713 + makeThreeLineAreaLabels();
1714 + makeFilledRedOrangeCTAsBorderless();
1715 +
1434 1434   if(
1435 1435   window.innerWidth>
1436 1436   MOBILE_MAX