Zum Inhalt springen

Änderungen von Dokument Art & Research Services Navigator

Zuletzt geändert von Veronika Kocher am Freitag, 18 Sep. 2026 16:47
Von Version 10.1
bearbeitet von Veronika Kocher
am Donnerstag, 03 Sep. 2026 13:08
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 11.4
bearbeitet von Veronika Kocher
am Freitag, 04 Sep. 2026 14:23
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -3,7 +3,7 @@
3 3  Der **Service-Navigator Kunst & Forschung** hilft dir, für jede Phase deines Projekts die passende Orientierung, Services und Ressourcen zu finden.
4 4  
5 5  {{info title="Unterstützung für dein Projekt:"}}
6 -
6 +
7 7   **Support Kunst und Forschung (SKF)** begleitet Projekt- und Fördervorhaben und arbeitet je nach Bedarf mit den passenden Services der Universität zusammen.
8 8  
9 9   Der Navigator führt dich entlang der Projektphasen zu den Angeboten und Ansprechstellen, die für dein Vorhaben relevant sind.
... ... @@ -434,9 +434,9 @@
434 434  )))
435 435  )))
436 436  
437 -(% style="padding:0 16px 16px 16px;" %)
437 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
438 438  (((
439 -[[Zu Vorbereiten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block"]]
439 +[[Zu Vorbereiten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block arsn-phase-cta"]]
440 440  )))
441 441  )))
442 442  )))
... ... @@ -500,9 +500,9 @@
500 500  )))
501 501  )))
502 502  
503 -(% style="padding:0 16px 16px 16px;" %)
503 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
504 504  (((
505 -[[Zu Arbeiten & Verwalten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block"]]
505 +[[Zu Arbeiten & Verwalten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block arsn-phase-cta"]]
506 506  )))
507 507  )))
508 508  )))
... ... @@ -576,9 +576,9 @@
576 576  )))
577 577  )))
578 578  
579 -(% style="padding:0 16px 16px 16px;" %)
579 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
580 580  (((
581 -[[Zu Publizieren & Teilen>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block"]]
581 +[[Zu Publizieren & Teilen>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block arsn-phase-cta"]]
582 582  )))
583 583  )))
584 584  )))
... ... @@ -587,6 +587,11 @@
587 587  
588 588  (% style="margin-top:30px;" %)
589 589  (((
590 +
591 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_START -->
592 +{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
593 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
594 +
590 590  == Praktische Ressourcen ==
591 591  
592 592  Nutze praktische Ressourcen, wenn du eine kompakte Übersicht, eine Schritt-für-Schritt-Anleitung oder ein direkt einsetzbares Hilfsmittel für dein Projekt brauchst.
... ... @@ -716,6 +716,38 @@
716 716  [data-sn-master-first-row]{
717 717   box-sizing:border-box;
718 718  }
724 +
725 +/* =========================================================
726 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
727 + ========================================================= */
728 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
729 + display:grid!important;
730 + grid-template-columns:minmax(0,1fr)!important;
731 + grid-auto-rows:auto!important;
732 + width:100%!important;
733 + max-width:none!important;
734 + box-sizing:border-box!important;
735 + justify-items:start!important;
736 + align-items:start!important;
737 + gap:2px!important;
738 + text-align:left!important;
739 + text-align-last:left!important;
740 + text-justify:auto!important;
741 + word-spacing:normal!important;
742 + white-space:normal!important;
743 +}
744 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
745 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
746 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
747 + display:block!important;
748 + width:100%!important;
749 + margin:0!important;
750 + text-align:left!important;
751 + text-align-last:left!important;
752 + text-justify:auto!important;
753 + word-spacing:normal!important;
754 + white-space:normal!important;
755 +}
719 719  </style>
720 720  
721 721  <script data-sn-service-navigator-master="1">
... ... @@ -908,6 +908,227 @@
908 908   }
909 909  
910 910   /* =======================================================
948 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
949 + ======================================================= */
950 +
951 + function colourDistance(a,b){
952 + return Math.sqrt(
953 + Math.pow(a[0]-b[0],2)+
954 + Math.pow(a[1]-b[1],2)+
955 + Math.pow(a[2]-b[2],2)
956 + );
957 + }
958 +
959 + function makeFilledRedOrangeCTAsBorderless(){
960 + var RED_ORANGE=[233,75,19];
961 +
962 + Array.from(
963 + root.querySelectorAll(
964 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
965 + )
966 + ).forEach(function(el){
967 + if(!visible(el))return;
968 +
969 + var style=getComputedStyle(el);
970 + var rgb=parseRGB(style.backgroundColor);
971 +
972 + if(!rgb)return;
973 +
974 + if(
975 + colourDistance(
976 + rgb,
977 + RED_ORANGE
978 + )>55
979 + ){
980 + return;
981 + }
982 +
983 + var rect=el.getBoundingClientRect();
984 +
985 + if(
986 + rect.width<80||
987 + rect.height<24
988 + ){
989 + return;
990 + }
991 +
992 + el.style.setProperty(
993 + "border",
994 + "none",
995 + "important"
996 + );
997 +
998 + el.style.setProperty(
999 + "border-left",
1000 + "none",
1001 + "important"
1002 + );
1003 +
1004 + el.style.setProperty(
1005 + "border-top",
1006 + "none",
1007 + "important"
1008 + );
1009 +
1010 + el.style.setProperty(
1011 + "border-right",
1012 + "none",
1013 + "important"
1014 + );
1015 +
1016 + el.style.setProperty(
1017 + "border-bottom",
1018 + "none",
1019 + "important"
1020 + );
1021 +
1022 + el.style.setProperty(
1023 + "box-shadow",
1024 + "none",
1025 + "important"
1026 + );
1027 + });
1028 + }
1029 +
1030 + /* =======================================================
1031 + FULL-WIDTH THREE-LINE AREA LABELS
1032 + ======================================================= */
1033 +
1034 + function compactText(value){
1035 + return String(value||"")
1036 + .replace(/\s+/g," ")
1037 + .trim();
1038 + }
1039 +
1040 + function makeThreeLineAreaLabels(){
1041 + Array.from(
1042 + root.querySelectorAll(
1043 + ".arsn-area-label"
1044 + )
1045 + ).forEach(function(label){
1046 + if(
1047 + label.getAttribute(
1048 + "data-sn-three-line"
1049 + )==="1"
1050 + ){
1051 + return;
1052 + }
1053 +
1054 + var number=
1055 + label.querySelector(
1056 + ":scope > .arsn-area-number"
1057 + );
1058 +
1059 + var action=
1060 + label.querySelector(
1061 + ":scope > .arsn-area-action"
1062 + );
1063 +
1064 + if(
1065 + !number||
1066 + !action
1067 + ){
1068 + return;
1069 + }
1070 +
1071 + var clone=
1072 + label.cloneNode(true);
1073 +
1074 + var cloneNumber=
1075 + clone.querySelector(
1076 + ":scope > .arsn-area-number"
1077 + );
1078 +
1079 + var cloneAction=
1080 + clone.querySelector(
1081 + ":scope > .arsn-area-action"
1082 + );
1083 +
1084 + if(cloneNumber){
1085 + cloneNumber.remove();
1086 + }
1087 +
1088 + if(cloneAction){
1089 + cloneAction.remove();
1090 + }
1091 +
1092 + var titleText=
1093 + compactText(
1094 + clone.textContent
1095 + );
1096 +
1097 + if(!titleText){
1098 + return;
1099 + }
1100 +
1101 + var numberNode=
1102 + number.cloneNode(true);
1103 +
1104 + var actionNode=
1105 + action.cloneNode(true);
1106 +
1107 + var titleNode=
1108 + document.createElement(
1109 + "span"
1110 + );
1111 +
1112 + titleNode.className=
1113 + "sn-area-label-title";
1114 +
1115 + titleNode.textContent=
1116 + titleText;
1117 +
1118 + while(label.firstChild){
1119 + label.removeChild(
1120 + label.firstChild
1121 + );
1122 + }
1123 +
1124 + label.appendChild(
1125 + numberNode
1126 + );
1127 +
1128 + label.appendChild(
1129 + titleNode
1130 + );
1131 +
1132 + label.appendChild(
1133 + actionNode
1134 + );
1135 +
1136 + label.setAttribute(
1137 + "data-sn-three-line",
1138 + "1"
1139 + );
1140 +
1141 + var head=
1142 + label.closest(
1143 + ".arsn-area-head"
1144 + );
1145 +
1146 + if(head){
1147 + head.style.setProperty(
1148 + "width",
1149 + "100%",
1150 + "important"
1151 + );
1152 +
1153 + head.style.setProperty(
1154 + "max-width",
1155 + "100%",
1156 + "important"
1157 + );
1158 +
1159 + head.style.setProperty(
1160 + "box-sizing",
1161 + "border-box",
1162 + "important"
1163 + );
1164 + }
1165 + });
1166 + }
1167 +
1168 + /* =======================================================
911 911   PLACEHOLDER BADGE
912 912   ======================================================= */
913 913  
... ... @@ -1310,6 +1310,15 @@
1310 1310   Array.from(
1311 1311   row.card.querySelectorAll("a")
1312 1312   ).forEach(function(link){
1571 + if(
1572 + link.classList &&
1573 + link.classList.contains(
1574 + "arsn-phase-cta"
1575 + )
1576 + ){
1577 + return;
1578 + }
1579 +
1313 1313   if(!visible(link))return;
1314 1314  
1315 1315   var rect=
... ... @@ -1678,6 +1678,9 @@
1678 1678   var headers=
1679 1679   applyOverviewPalette();
1680 1680  
1948 + makeThreeLineAreaLabels();
1949 + makeFilledRedOrangeCTAsBorderless();
1950 +
1681 1681   if(
1682 1682   window.innerWidth>
1683 1683   MOBILE_MAX
... ... @@ -1779,3 +1779,72 @@
1779 1779  <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1780 1780  {{/html}}
1781 1781  
2052 +{{html clean="false"}}
2053 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2054 +<style data-arsn-phase-cta-mobile-edge-fix="3">
2055 +@media (max-width:767px){
2056 +
2057 + /* Remove the white side gutters around the three phase CTAs. */
2058 + #xwikicontent .arsn-phase-cta-wrap{
2059 + box-sizing:border-box!important;
2060 + width:calc(100% + 2px)!important;
2061 + max-width:none!important;
2062 + margin:14px -1px -1px -1px!important;
2063 + padding:0!important;
2064 + border:0!important;
2065 + border-left:0!important;
2066 + box-shadow:none!important;
2067 + background:transparent!important;
2068 + }
2069 +
2070 + /* Full-width orange CTA; no extra border/shadow. */
2071 + #xwikicontent a.arsn-phase-cta{
2072 + display:flex!important;
2073 + align-items:center!important;
2074 + justify-content:center!important;
2075 + gap:8px!important;
2076 +
2077 + box-sizing:border-box!important;
2078 + width:100%!important;
2079 + max-width:none!important;
2080 + min-width:0!important;
2081 +
2082 + margin:0!important;
2083 + padding:12px 14px!important;
2084 +
2085 + border:0!important;
2086 + border-left:0!important;
2087 + border-right:0!important;
2088 + border-top:0!important;
2089 + border-bottom:0!important;
2090 + box-shadow:none!important;
2091 +
2092 + border-radius:8px!important;
2093 +
2094 + text-align:center!important;
2095 + text-align-last:center!important;
2096 + text-justify:auto!important;
2097 + word-spacing:normal!important;
2098 + white-space:normal!important;
2099 + }
2100 +
2101 + /* Keep an XWiki external-link icon on the same line/flex row. */
2102 + #xwikicontent a.arsn-phase-cta::after{
2103 + flex:0 0 auto!important;
2104 + margin-left:2px!important;
2105 + }
2106 +
2107 + #xwikicontent a.arsn-phase-cta > .fa,
2108 + #xwikicontent a.arsn-phase-cta > .icon,
2109 + #xwikicontent a.arsn-phase-cta > .external-link-icon,
2110 + #xwikicontent a.arsn-phase-cta > [class*="external"]{
2111 + position:static!important;
2112 + display:inline-block!important;
2113 + flex:0 0 auto!important;
2114 + margin:0!important;
2115 + }
2116 +}
2117 +</style>
2118 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->
2119 +{{/html}}
2120 +