CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en-US"> <head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.2",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseenter","mouseout","mouseleave","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input","visibilitychange"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),this.T("domReady"),await this.F(),await this.j(),await this.I(),this.T("windowLoad"),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise((t=>setTimeout(t,500-Date.now()+this.lastTouchEnd))),this.H(),this.T("all"),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",(t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))}),{isRocket:!0})}o(){window.addEventListener("pageshow",(t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0}),{isRocket:!0}),window.addEventListener("pagehide",(()=>{this.onFirstUserAction=null}),{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",(function i(o){Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0})),event.preventDefault(),window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}))}),{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),this.savedUserEvents.length>0&&(t.stopPropagation(),t.stopImmediatePropagation()),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach((t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})))}U(){this.userEvents.forEach((t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0}))),this.savedUserEvents.forEach((t=>{t.target.dispatchEvent(new window[t.constructor.name](t.type,t))}))}m(){this.eventsMutationObserver=new MutationObserver((t=>{const e="return false";for(const i of t){if("attributes"===i.type){const t=i.target.getAttribute(i.attributeName);t&&t!==e&&(i.target.setAttribute("data-rocket-"+i.attributeName,t),i.target.setAttribute(i.attributeName,e))}"childList"===i.type&&i.addedNodes.forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE)for(const i of t.attributes)this.attributeEvents.includes(i.name)&&i.value&&""!==i.value&&(t.setAttribute("data-rocket-"+i.name,i.value),t.setAttribute(i.name,e))}))}})),this.eventsMutationObserver.observe(document,{subtree:!0,childList:!0,attributeFilter:this.attributeEvents})}H(){this.eventsMutationObserver.disconnect(),this.attributeEvents.forEach((t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach((e=>{e.setAttribute(t,e.getAttribute("data-rocket-"+t)),e.removeAttribute("data-rocket-"+t)}))}))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")?t.originalAddEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o})},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}T(t){"all"===t&&(EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener),this.savedEventListeners=this.savedEventListeners.filter((e=>{let i=e.type,o=e.target||window;return"domReady"===t&&"DOMContentLoaded"!==i&&"readystatechange"!==i||("windowLoad"===t&&"load"!==i&&"readystatechange"!==i&&"pageshow"!==i||(this.B(i,o)&&(i="rocket-"+i),e.remove?o.removeEventListener(i,e.func,e.options):o.addEventListener(i,e.func,e.options),!1))}))}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map((t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t)).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e}))),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,(()=>{e[t].forEach((t=>t()))}),{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout((()=>i.bind(document)(o))):i.bind(document)(o)}return t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s),o([])},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const a=document.createDocumentFragment();o.setStart(a,0),a.appendChild(o.createContextualFragment(e)),s.insertBefore(a,n)}}async R(){return new Promise((t=>{this.userActionTriggered?t():this.onFirstUserAction=t}))}async L(){return new Promise((t=>{document.addEventListener("DOMContentLoaded",(()=>{this.realDomReadyFired=!0,t()}),{isRocket:!0})}))}async I(){return this.realWindowLoadedFired?Promise.resolve():new Promise((t=>{window.addEventListener("load",t,{isRocket:!0})}))}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver((t=>{for(const e of t)e.addedNodes.forEach((t=>{"SCRIPT"!==t.tagName||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise((e=>{const i=()=>{const i=this.pendingScripts.findIndex((e=>e.script===t));i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)}))})}))})),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async j(){await this.J(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.j()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach((t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)}))}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach((e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}})),t=[...new Map(t.map((t=>[JSON.stringify(t),t]))).values()],this.N(t,"preconnect")}async $(t){if(await this.G(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise((e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach((t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))})),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",(()=>{i.setAttribute("data-rocket-status","failed-network"),e()}),{isRocket:!0}),setTimeout((()=>{i.isConnected||e()}),1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",(i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.$(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())}),{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}}));t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.$(e),this.C(t)):Promise.resolve()}O(){this.N([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}N(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach((t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}})),document.head.appendChild(o)}W(){this.trash.forEach((t=>t.remove()))}async F(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async G(){Date.now()-this.lastBreath>45&&(await this.J(),this.lastBreath=Date.now())}async J(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}B(t,e){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();</script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="https://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="en" href="https://nextcloud.com/design/" /> <link rel="alternate" hreflang="fr" href="https://nextcloud.com/fr/design/" /> <link rel="alternate" hreflang="de" href="https://nextcloud.com/de/design/" /> <link rel="alternate" hreflang="es" href="https://nextcloud.com/es/design/" /> <link rel="alternate" hreflang="it" href="https://nextcloud.com/it/design/" /> <link rel="alternate" hreflang="x-default" href="https://nextcloud.com/design/" />  <title>Contribute to Nextcloud design</title><link rel="preload" data-rocket-preload as="image" href="https://nextcloud.com/c/uploads/2024/05/design-page-icons-header-bg.jpg?id=215251" fetchpriority="high"> <meta name="description" content="Design at Nextcloud is about usability, simplicity and accessibility – so that everyone is in control of their data." /> <link rel="canonical" href="https://nextcloud.com/design/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Contribute to Nextcloud design" /> <meta property="og:description" content="Design at Nextcloud is about usability, simplicity and accessibility – so that everyone is in control of their data." /> <meta property="og:url" content="https://nextcloud.com/design/" /> <meta property="og:site_name" content="Nextcloud" /> <meta property="article:publisher" content="https://www.facebook.com/Nextclouders/" /> <meta property="article:modified_time" content="2024-05-21T09:07:33+00:00" /> <meta property="og:image" content="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-featured-image.jpg" /> <meta property="og:image:width" content="1920" /> <meta property="og:image:height" content="1080" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@nextclouders" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://nextcloud.com/design/","url":"https://nextcloud.com/design/","name":"Contribute to Nextcloud design","isPartOf":{"@id":"https://nextcloud.com/#website"},"primaryImageOfPage":{"@id":"https://nextcloud.com/design/#primaryimage"},"image":{"@id":"https://nextcloud.com/design/#primaryimage"},"thumbnailUrl":"https://nextcloud.com/c/uploads/2024/05/nextcloud-design-featured-image.jpg","datePublished":"2022-04-05T16:37:14+00:00","dateModified":"2024-05-21T09:07:33+00:00","description":"Design at Nextcloud is about usability, simplicity and accessibility – so that everyone is in control of their data.","breadcrumb":{"@id":"https://nextcloud.com/design/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://nextcloud.com/design/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://nextcloud.com/design/#primaryimage","url":"https://nextcloud.com/c/uploads/2024/05/nextcloud-design-featured-image.jpg","contentUrl":"https://nextcloud.com/c/uploads/2024/05/nextcloud-design-featured-image.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https://nextcloud.com/design/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://nextcloud.com/"},{"@type":"ListItem","position":2,"name":"Design"}]},{"@type":"WebSite","@id":"https://nextcloud.com/#website","url":"https://nextcloud.com/","name":"Nextcloud","description":"Regain control over your data","publisher":{"@id":"https://nextcloud.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://nextcloud.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://nextcloud.com/#organization","name":"Nextcloud","url":"https://nextcloud.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://nextcloud.com/#/schema/logo/image/","url":"https://nextcloud.com/c/uploads/2022/10/nextcloud-logo-blue-transparent.svg","contentUrl":"https://nextcloud.com/c/uploads/2022/10/nextcloud-logo-blue-transparent.svg","width":"1024","height":"1024","caption":"Nextcloud"},"image":{"@id":"https://nextcloud.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/Nextclouders/","https://x.com/nextclouders","https://www.linkedin.com/company/10827569/","https://youtube.com/nextcloud","https://www.instagram.com/nextclouders/"]}]}</script>  <link rel="alternate" type="application/rss+xml" title="Nextcloud » Feed" href="https://nextcloud.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Nextcloud » Comments Feed" href="https://nextcloud.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Podcast Feed: The Nextcloud Podcast (MP3 Feed)" href="https://nextcloud.com/feed/mp3/" /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://nextcloud.com/wp-includes/css/dist/block-library/style.css?ver=6.7.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpml-blocks-css' href='https://nextcloud.com/p/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.15' type='text/css' media='all' /> <link rel='stylesheet' id='wpml-menu-item-0-css' href='https://nextcloud.com/c/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='style-bootstrap-css' href='https://nextcloud.com/c/themes/nextcloud-theme/dist/css/bootstrap.min.css?ver=1702023611' type='text/css' media='all' /> <link rel='stylesheet' id='css-slick-css' href='https://nextcloud.com/c/themes/nextcloud-theme/dist/css/slick.css?ver=1702023611' type='text/css' media='all' /> <link rel='stylesheet' id='css-style-css' href='https://nextcloud.com/c/themes/nextcloud-theme/dist/css/theme.min.css?ver=1744118449' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='https://nextcloud.com/c/themes/nextcloud-theme/style.css?ver=1702023612' type='text/css' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='https://nextcloud.com/p/js_composer/assets/css/js_composer.min.css?ver=8.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='vc_font_awesome_5_shims-css' href='https://nextcloud.com/p/js_composer/assets/lib/vendor/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css?ver=8.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='vc_font_awesome_6-css' href='https://nextcloud.com/p/js_composer/assets/lib/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css?ver=8.3.1' type='text/css' media='all' /> <script type="text/javascript" src="https://nextcloud.com/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://nextcloud.com/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="stripe_nfpluginsettings-js-extra"> /* <![CDATA[ */ var stripe_nfpluginsettings = {"clearLogRestUrl":"https:\/\/nextcloud.com\/wp-json\/ninja-forms-stripe\/v1\/debug-log\/delete-all","clearLogButtonId":"stripe_clear_debug_logger","downloadLogRestUrl":"https:\/\/nextcloud.com\/wp-json\/ninja-forms-stripe\/v1\/debug-log\/get-all","downloadLogButtonId":"stripe_download_debug_logger","_wpnonce":"f0c8ae05ec"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/p/ninja-forms-stripe/assets/js/nfpluginsettings.js?ver=3.2.8" id="stripe_nfpluginsettings-js" data-rocket-defer defer></script> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"\/"}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/p/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=4.6.15" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/bootstrap.bundle.min.js?ver=1" id="bootstrap-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/slick.min.js?ver=1" id="slick-js-js" data-rocket-defer defer></script> <script type="text/javascript" src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/jquery.magnific-popup.min.js?ver=1" id="magnific-js-js"></script> <script type="text/javascript" src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/jquery.sticky-sidebar.min.js?ver=1" id="sticky-sidebar-js-js"></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/owl.carousel.min.js?ver=1" id="owl-carousel-js-js"></script> <script type="text/javascript" id="nc_loadmore-js-extra"> /* <![CDATA[ */ var nc_loadmore_strings = {"loading":"Loading...","ajaxurl":"https:\/\/nextcloud.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/nc_loadmore.js?ver=1" id="nc_loadmore-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/typed.min.js?ver=6.7.2" id="typed-js"></script> <script type="text/javascript" src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/purify.min.js?ver=1" id="purify-js-js" data-rocket-defer defer></script> <script type="text/javascript" src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/nc_cookies.js?ver=1" id="nc-cookie-banner-js"></script> <script type="text/javascript" id="cookie_banner_script-js-extra"> /* <![CDATA[ */ var cookie_banner_strings = {"allow_selection":"Allow selection","reject_all":"Reject all"}; /* ]]> */ </script> <script type="text/javascript" src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/cookie_banner_script.js?ver=1" id="cookie_banner_script-js" data-rocket-defer defer></script> <link rel="https://api.w.org/" href="https://nextcloud.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://nextcloud.com/wp-json/wp/v2/pages/2449" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://nextcloud.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://nextcloud.com/?p=2449' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://nextcloud.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnextcloud.com%2Fdesign%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://nextcloud.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnextcloud.com%2Fdesign%2F&format=xml" /> <meta name="generator" content="WPML ver:4.6.15 stt:1,4,3,27,2;" /> <meta name="cdp-version" content="1.4.9" /><meta name="theme-color" content="#0082c9"><meta name="twitter:image" content="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-featured-image.jpg" /><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <link rel="icon" href="https://nextcloud.com/c/uploads/2022/03/favicon.png" sizes="32x32" /> <link rel="icon" href="https://nextcloud.com/c/uploads/2022/03/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://nextcloud.com/c/uploads/2022/03/favicon.png" /> <meta name="msapplication-TileImage" content="https://nextcloud.com/c/uploads/2022/03/favicon.png" /> <style type="text/css" id="wp-custom-css"> .grecaptcha-badge { opacity:0;} </style> <style type="text/css" data-type="vc_shortcodes-default-css">.vc_do_icon{margin-bottom:35px;}</style><style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1715330864011{background-image: url(https://nextcloud.com/c/uploads/2024/05/design-page-icons-header-bg.jpg?id=215251) !important;}.vc_custom_1715326390747{padding-bottom: 0px !important;}.vc_custom_1673356071922{margin-top: 0px !important;margin-bottom: 0px !important;}.vc_custom_1668761753143{margin-top: 0px !important;margin-bottom: 0px !important;}.vc_custom_1715327493703{margin-top: 0px !important;margin-bottom: 0px !important;}.vc_custom_1715330993040{padding-top: 3rem !important;padding-bottom: 3rem !important;}.vc_custom_1715334140374{margin-top: 0px !important;margin-bottom: 0px !important;}.vc_custom_1715327670560{margin-top: 2rem !important;margin-bottom: 0px !important;}.vc_custom_1663598629396{margin-bottom: 2rem !important;}.vc_custom_1663598629396{margin-bottom: 2rem !important;}.vc_custom_1716278734960{margin-top: 2rem !important;margin-bottom: 2rem !important;}.vc_custom_1715847544204{margin-top: 2rem !important;margin-bottom: 2rem !important;}.vc_custom_1715323534738{margin-top: 2rem !important;margin-bottom: 2rem !important;}.vc_custom_1715331418750{margin-bottom: 0px !important;}.vc_custom_1715323598629{margin-bottom: 0px !important;}.vc_custom_1715331356509{margin-top: 2.5rem !important;}.vc_custom_1715340945645{margin-top: 2rem !important;}.vc_custom_1715331304456{margin-top: 2rem !important;}.vc_custom_1715331323830{margin-top: 2rem !important;}.vc_custom_1715334235696{margin-top: 2rem !important;margin-bottom: 2rem !important;}.vc_custom_1715334241127{margin-top: 2rem !important;margin-bottom: 2rem !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.18.2" data-wpr-features="wpr_delay_js wpr_defer_js wpr_lazyload_images wpr_automatic_lazy_rendering wpr_oci wpr_minify_css wpr_preload_links wpr_desktop" /></head> <body class="page-template-default page page-id-2449 wp-custom-logo lang-en wpb-js-composer js-comp-ver-8.3.1 vc_responsive"> <div id="hidden_header_anchor"></div> <header class="with-promo-banner" id="header"> <a href="#main" class="skip">Skip to main content</a> <div class="top-banner-vote"> <div class="container"> <div class="row"> <div class="col-12"> <div class="owl-carousel promo_banner_carousel"> <div class="item"> <div class="nc-awards-banner "> <div class="cloudcomputing-logo"> <a tabindex="-1" href="https://nextcloud.com/blog/nextcloud-hub10/" title="Nextcloud Hub 10 is here! " target="_blank"> <img src="https://nextcloud.com/c/uploads/2025/01/nc-hub10-logo.svg" alt="Nextcloud Hub 10 is here! "> </a> </div> <div class="awards-text"> <a tabindex="-1" href="https://nextcloud.com/blog/nextcloud-hub10/" title="Nextcloud Hub 10 is here! " target="_blank"> <p><strong>Nextcloud Hub 10</strong> is here!</p> </a> </div> <div class="btn-awards "> <a tabindex="-1" href="https://nextcloud.com/blog/nextcloud-hub10/" title="Nextcloud Hub 10 is here! " target="_blank" class="c-btn btn-top btn-small btn-with-icon "> Read more <i class="fa fa-angle-right right"></i> </a> </div> </div> </div> <div class="item"> <div class="nc-awards-banner "> <div class="cloudcomputing-logo"> <a tabindex="-1" href="https://www.youtube.com/watch?v=OkGd_pNuYww" title="See Nextcloud Hub 10 in action " target="_blank"> <img src="https://nextcloud.com/c/uploads/2025/01/nc-hub10-logo.svg" alt="See Nextcloud Hub 10 in action "> </a> </div> <div class="awards-text"> <a tabindex="-1" href="https://www.youtube.com/watch?v=OkGd_pNuYww" title="See Nextcloud Hub 10 in action " target="_blank"> <p>See <strong>Nextcloud Hub 10</strong> in action</p> </a> </div> <div class="btn-awards popup-video "> <a tabindex="-1" href="https://www.youtube.com/watch?v=OkGd_pNuYww" title="See Nextcloud Hub 10 in action " target="_blank" class="c-btn btn-top btn-small btn-with-icon "> Watch now <i class="fa fa-angle-right right"></i> </a> </div> </div> </div> <div class="item"> <div class="nc-awards-banner"> <div class="cloudcomputing-logo"> <a tabindex="-1" href="https://nextcloud.com/summit/" title="Nextcloud Summit 2025" target="_blank"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="NC-Summit-logo" data-lazy-src="https://nextcloud.com/c/uploads/2025/01/NC-Summit-logo.svg" /><noscript><img src="https://nextcloud.com/c/uploads/2025/01/NC-Summit-logo.svg" alt="NC-Summit-logo" /></noscript> </a> </div> <div class="awards-text"> <a tabindex="-1" href="https://nextcloud.com/summit/" title="Nextcloud Summit 2025" target="_blank"> <p>Nextcloud <strong>Summit 2025</strong></p> </a> </div> <div class="btn-awards"> <a tabindex="-1" href="https://nextcloud.com/summit/" title="Nextcloud Summit 2025" target="_blank" class="c-btn btn-top btn-small btn-with-icon"> Register now <i class="fa fa-angle-right right"></i> </a> </div> </div> </div> </div> <script type="rocketlazyloadscript"> jQuery(document).ready(function ($) { var promo_banner_carousel = $('.promo_banner_carousel'); promo_banner_carousel.owlCarousel({ loop:true, autoplayTimeout: 3000, autoplay: true, margin:50, dots: false, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 800:{ items:1 }, 1000:{ items:1 } }, onDragged: owl_stop_autoplay, autoplayHoverPause:true }); promo_banner_carousel.on('click', function(e) { owl_stop_autoplay(); }); function owl_stop_autoplay() { promo_banner_carousel.trigger('stop.owl.autoplay'); } }); </script> </div> </div> </div> </div> <div class="container index.php" data-disabled-top-banner="" id=""> <div class="row"> <div class="col-12"> <div class="header-holder"> <div class="logo-holder"> <a href="https://nextcloud.com/" class="custom-logo-link" rel="home" itemprop="url" title="Nextcloud"><img width="1" height="1" src="https://nextcloud.com/c/uploads/2023/02/logo_nextcloud_white.svg" class="custom-logo" alt="Nextcloud logo" itemprop="logo" decoding="async" /></a> </div> <div class="phone-menu"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <div class="header-items"> <div id="menu-primary-menu-container" class="menu-primary-menu-container"><ul id="menu-primary-menu" class="primary-menu"><li id="menu-item-910" class="megamenu products menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-910"><a href="#">Products</a> <ul class="sub-menu"> <li id="menu-item-194875" class="hub menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-194875"><a href="https://nextcloud.com/hub/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Hub" data-lazy-src="https://nextcloud.com/c/uploads/2024/02/nc-hub-icons-square.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/02/nc-hub-icons-square.svg" alt="Nextcloud Hub"/></noscript><span>Nextcloud Hub</span></a> <ul class="sub-menu"> <li id="menu-item-915" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-915"><a href="https://nextcloud.com/files/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Files" data-lazy-src="https://nextcloud.com/c/uploads/2022/09/nc-files-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/09/nc-files-icon.svg" alt="Nextcloud Files"/></noscript><span>Nextcloud Files<small>File Sync and Share</small></span></a></li> <li id="menu-item-903" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-903"><a href="https://nextcloud.com/talk/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Talk" data-lazy-src="https://nextcloud.com/c/uploads/2022/10/nc-talk-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/10/nc-talk-icon-blue.svg" alt="Nextcloud Talk"/></noscript><span>Nextcloud Talk<small>Calls, chat and video conferencing</small></span></a></li> <li id="menu-item-900" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-900"><a href="https://nextcloud.com/groupware/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Groupware" data-lazy-src="https://nextcloud.com/c/uploads/2022/10/nc-groupware-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/10/nc-groupware-icon-blue.svg" alt="Nextcloud Groupware"/></noscript><span>Nextcloud Groupware<small>Calendar, Contacts & Mail</small></span></a></li> <li id="menu-item-67439" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67439"><a href="https://nextcloud.com/office/" title="Nextcloud Office"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Office" data-lazy-src="https://nextcloud.com/c/uploads/Nextcloud-Office-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/Nextcloud-Office-icon.svg" alt="Nextcloud Office"/></noscript><span>Nextcloud Office<small>Real time document collaboration</small></span></a></li> <li id="menu-item-235592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235592"><a href="https://nextcloud.com/assistant/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Assistant" data-lazy-src="https://nextcloud.com/c/uploads/2024/06/assistant-logo-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/06/assistant-logo-blue.svg" alt="Nextcloud Assistant"/></noscript><span>Nextcloud Assistant<small>Private and local AI assistant</small></span></a></li> </ul> </li> <li id="menu-item-244799" class="roundcube menu-item menu-item-type-post_type menu-item-object-page menu-item-244799"><a href="https://nextcloud.com/roundcube/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Roundcube" data-lazy-src="https://nextcloud.com/c/uploads/2024/08/Roundcube_logo_icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/08/Roundcube_logo_icon.svg" alt="Roundcube"/></noscript><span>Roundcube<small>The most popular on premise webmail</small></span></a></li> <li id="menu-item-82799" class="microsoft menu-item menu-item-type-post_type menu-item-object-page menu-item-82799"><a href="https://nextcloud.com/microsoft-integrations/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Microsoft integrations" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/Microsoft_logo-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/Microsoft_logo-blue.svg" alt="Microsoft integrations"/></noscript><span>Microsoft integrations<small>Outlook, Sharepoint, Teams and more</small></span></a></li> </ul> </li> <li id="menu-item-911" class="megamenu products menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-911"><a href="#">Solutions</a> <ul class="sub-menu"> <li id="menu-item-899" class="enterprise hub menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-899"><a href="https://nextcloud.com/enterprise/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Enterprise" data-lazy-src="https://nextcloud.com/c/uploads/2022/10/nc-enterprise-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/10/nc-enterprise-icon.svg" alt="Nextcloud Enterprise"/></noscript><span>Nextcloud Enterprise<small>For mission-critical use</small></span></a> <ul class="sub-menu"> <li id="menu-item-32151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32151"><a href="https://nextcloud.com/government/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Public sector" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nc-government-blue-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2023/01/nc-government-blue-icon.svg" alt="Public sector"/></noscript><span>Public sector<small>Enterprise for the public sector</small></span></a></li> <li id="menu-item-55470" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55470"><a href="https://nextcloud.com/enterprises/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Enterprises" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/nc-enterprises-blue-icon-3.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/nc-enterprises-blue-icon-3.svg" alt="Enterprises"/></noscript><span>Enterprises<small>Enterprise for organizations</small></span></a></li> <li id="menu-item-55469" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55469"><a href="https://nextcloud.com/service-providers/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Service providers" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nc-service-providers-blue-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2023/01/nc-service-providers-blue-icon.svg" alt="Service providers"/></noscript><span>Service providers<small>Enterprise for service providers</small></span></a></li> <li id="menu-item-32150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32150"><a href="https://nextcloud.com/education/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Education" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nc-education-blue-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2023/01/nc-education-blue-icon.svg" alt="Education"/></noscript><span>Education<small>Enterprise for universities and schools</small></span></a></li> <li id="menu-item-152082" class="pricing highlighted menu-item menu-item-type-post_type menu-item-object-page menu-item-152082"><a href="https://nextcloud.com/pricing/" title="Pricing"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Pricing" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/pricing-tags-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/pricing-tags-icon.svg" alt="Pricing"/></noscript><span>Pricing<small>Nextcloud Enterprise plans and pricing</small></span></a></li> <li id="menu-item-15129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15129"><a href="https://nextcloud.com/partners/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Partners" data-lazy-src="https://nextcloud.com/c/uploads/2025/03/NC-partners-icon-solid.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2025/03/NC-partners-icon-solid.svg" alt="Partners"/></noscript><span>Partners<small>Explore our trusted Nextcloud ecosystem</small></span></a></li> </ul> </li> <li id="menu-item-194876" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-194876"><a href="https://nextcloud.com/athome/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud at home" data-lazy-src="https://nextcloud.com/c/uploads/2022/10/nc-icon-at-home.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/10/nc-icon-at-home.svg" alt="Nextcloud at home"/></noscript><span>Nextcloud at home<small>For families, students & you</small></span></a></li> </ul> </li> <li id="menu-item-199373" class="megamenu resources menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-199373"><a href="#">Resources</a> <ul class="sub-menu"> <li id="menu-item-274755" class="mm_col first_item_hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-274755"><a href="#">Col1</a> <ul class="sub-menu"> <li id="menu-item-1700" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1700"><a href="https://nextcloud.com/blog/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Blog" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/bullhorn-solid.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/bullhorn-solid.svg" alt="Blog"/></noscript><span>Blog<small>Nextcloud news and articles</small></span></a></li> <li id="menu-item-224440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224440"><a href="https://nextcloud.com/events/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Events" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/NC-events-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/NC-events-icon.svg" alt="Events"/></noscript><span>Events<small>All in-person and virtual Nextcloud events</small></span></a></li> <li id="menu-item-202866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-202866"><a href="https://nextcloud.com/webinars/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Webinars" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/NC-webinar-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/NC-webinar-icon-blue.svg" alt="Webinars"/></noscript><span>Webinars<small>All upcoming webinars and recordings</small></span></a></li> <li id="menu-item-1704" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1704"><a href="https://nextcloud.com/whitepapers/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Success stories" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/nc-success-stories-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/nc-success-stories-icon.svg" alt="Success stories"/></noscript><span>Success stories<small>Success stories and case studies</small></span></a></li> <li id="menu-item-251776" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-251776"><a href="https://nextcloud.com/whitepapers/#whitepapers"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Whitepapers" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/nc-whitepapers-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/nc-whitepapers-icon-blue.svg" alt="Whitepapers"/></noscript><span>Whitepapers<small>Download our whitepapers</small></span></a></li> <li id="menu-item-251777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-251777"><a href="https://nextcloud.com/whitepapers/#data-sheets"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Data sheets" data-lazy-src="https://nextcloud.com/c/uploads/2024/02/data-sheets-icon-1.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/02/data-sheets-icon-1.svg" alt="Data sheets"/></noscript><span>Data sheets<small>See all data sheets</small></span></a></li> <li id="menu-item-15127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15127"><a href="https://nextcloud.com/podcast/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Podcast" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/NC-podcast-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/NC-podcast-icon.svg" alt="Podcast"/></noscript><span>Podcast<small>Latest Nextcloud Podcast episodes</small></span></a></li> <li id="menu-item-274760" class="features menu-item menu-item-type-post_type menu-item-object-page menu-item-274760"><a href="https://nextcloud.com/features/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Features" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/nc-features-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/nc-features-icon.svg" alt="Features"/></noscript><span>Features<small>A complete list of features</small></span></a></li> </ul> </li> <li id="menu-item-274757" class="mm_col first_item_hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-274757"><a href="#">Col2</a> <ul class="sub-menu"> <li id="menu-item-274805" class="link_w_shortcode featured_nav_item menu-item menu-item-type-custom menu-item-object-custom menu-item-274805"><a href="#"><div class="featured_label">Featured</div><span class="hidden">294380</span><div class="nav-preview-news-item featured_blog" id="294380" style=""><div class="post-box-shortcode-preview"><div class="post-box-shortcode-preview-inner"><div class="post-img" style=""><a href="https://nextcloud.com/blog/digital-sovereignty-summit-announcement/?ref=top_megamenu_preview" title="Digital sovereignty in Munich: Join us at the Nextcloud Summit 2025"><img width="1024" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20576'%3E%3C/svg%3E" class="feat_img wp-post-image" alt="Featured image Nextcloud Summit 2025" decoding="async" fetchpriority="high" data-lazy-srcset="https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1024x576.png 1024w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-300x169.png 300w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-768x432.png 768w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1536x864.png 1536w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025.png 1920w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1024x576.png" /><noscript><img width="1024" height="576" src="https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1024x576.png" class="feat_img wp-post-image" alt="Featured image Nextcloud Summit 2025" decoding="async" fetchpriority="high" srcset="https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1024x576.png 1024w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-300x169.png 300w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-768x432.png 768w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025-1536x864.png 1536w, https://nextcloud.com/c/uploads/2025/03/Featured-image-Summit-2025.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></a></div><div class="post-body"><a href="https://nextcloud.com/blog/digital-sovereignty-summit-announcement/?ref=top_megamenu_preview" title="Digital sovereignty in Munich: Join us at the Nextcloud Summit 2025"><div class="shortcode_label">Featured blog</div><h4>Digital sovereignty in Munich: Join us at the Nextcloud Summit 2025</h4></a> <ul class="meta_details"> <li> <i class="far fa-folder-open"></i> Blog, Business, Events </li> </ul> </div></div><div class="see_all"><a href="https://nextcloud.com/blog/" title="">All news and articles</a></div></div></div></a></li> <li id="menu-item-932" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-932"><a target="_blank" href="https://apps.nextcloud.com/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="App Store" data-lazy-src="https://nextcloud.com/c/uploads/2022/08/nextcloud-logo-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2022/08/nextcloud-logo-icon.svg" alt="App Store"/></noscript><span>App Store<small>Hundreds of Nextcloud apps</small></span></a></li> <li id="menu-item-929" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-929"><a href="https://nextcloud.com/support/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Documentation" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nc-education-blue-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2023/01/nc-education-blue-icon.svg" alt="Documentation"/></noscript><span>Documentation<small>Admin, user and developer manuals</small></span></a></li> <li id="menu-item-927" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-927"><a href="https://nextcloud.com/faq/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FAQ" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/NC-faq-icon-2-1.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/NC-faq-icon-2-1.svg" alt="FAQ"/></noscript><span>FAQ<small>Nextcloud Enterprise FAQ</small></span></a></li> <li id="menu-item-925" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-925"><a target="_blank" href="https://portal.nextcloud.com/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Support Portal" data-lazy-src="https://nextcloud.com/c/uploads/2024/12/NC-customer-support-portal-icon.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/12/NC-customer-support-portal-icon.svg" alt="Support Portal"/></noscript><span>Support Portal<small>Customer access to Enterprise support</small></span></a></li> <li id="menu-item-286257" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-286257"><a href="https://nextcloud.com/migration/"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Migration guide" data-lazy-src="https://nextcloud.com/c/uploads/2025/02/nc-icon-migration-guide.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2025/02/nc-icon-migration-guide.svg" alt="Migration guide"/></noscript><span>Migration guide<small>Nextcloud migration guide</small></span></a></li> </ul> </li> </ul> </li> <li id="menu-item-912" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-912"><a href="#">Community</a> <ul class="sub-menu"> <li id="menu-item-933" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-933"><a href="https://nextcloud.com/contribute/">How to contribute</a></li> <li id="menu-item-293367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-293367"><a href="https://nextcloud.com/translation/">Translation</a></li> <li id="menu-item-293368" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2449 current_page_item menu-item-293368"><a href="https://nextcloud.com/design/" aria-current="page">Design</a></li> <li id="menu-item-934" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-934"><a target="_blank" href="https://github.com/nextcloud">Code on GitHub</a></li> <li id="menu-item-935" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-935"><a target="_blank" href="https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fnextcloud%2Fserver%2Fissues%2Fnew%2Fchoose">Report a bug</a></li> <li id="menu-item-926" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-926"><a target="_blank" href="https://help.nextcloud.com/">Community support</a></li> <li id="menu-item-936" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-936"><a href="https://nextcloud.com/developer/">Developer program</a></li> <li id="menu-item-938" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-938"><a href="https://nextcloud.com/contribute/code-of-conduct/">Code of Conduct</a></li> <li id="menu-item-939" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-939"><a href="https://nextcloud.com/include/">Nextcloud Include</a></li> </ul> </li> <li id="menu-item-913" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-913"><a href="https://nextcloud.com/about/">About</a> <ul class="sub-menu"> <li id="menu-item-941" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-941"><a href="https://nextcloud.com/about/">About us</a></li> <li id="menu-item-949" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-949"><a href="https://nextcloud.com/compare/">Comparison with others</a></li> <li id="menu-item-199374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-199374"><a href="https://nextcloud.com/press/">Press</a></li> <li id="menu-item-944" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-944"><a href="https://nextcloud.com/security/">Security</a></li> <li id="menu-item-1701" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1701"><a href="https://nextcloud.com/team/">Team</a></li> <li id="menu-item-1702" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1702"><a href="https://nextcloud.com/jobs/">Jobs</a></li> <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-950"><a href="https://nextcloud.com/search/">Search our site</a></li> </ul> </li> <li id="menu-item-914" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-914"><a href="https://nextcloud.com/instant-trial/">Instant trial</a></li> <li id="menu-item-954" class="nav-btn download menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-954"><a href="https://nextcloud.com/install/">Download</a> <ul class="sub-menu"> <li id="menu-item-956" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-956"><a href="https://nextcloud.com/install/#install-clients" title="Desktop & mobile apps"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Desktop & mobile apps" data-lazy-src="https://nextcloud.com/c/uploads/2024/02/nc-clients-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/02/nc-clients-icon-blue.svg" alt="Desktop & mobile apps"/></noscript><span>Desktop & mobile apps<small>Windows , macOS, Linux, Android, iOS</small></span></a></li> <li id="menu-item-959" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-959"><a href="https://nextcloud.com/install/#instructions-server" title="Nextcloud server"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud server" data-lazy-src="https://nextcloud.com/c/uploads/2024/02/nc-gear-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/02/nc-gear-icon-blue.svg" alt="Nextcloud server"/></noscript><span>Nextcloud server<small>For self-hosting on your server</small></span></a></li> <li id="menu-item-1703" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1703"><a href="https://nextcloud.com/sign-up/" title="Sign up now"><img class="navcon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Sign up now" data-lazy-src="https://nextcloud.com/c/uploads/2024/02/nc-pencil-icon-blue.svg"/><noscript><img class="navcon" src="https://nextcloud.com/c/uploads/2024/02/nc-pencil-icon-blue.svg" alt="Sign up now"/></noscript><span>Sign up now<small>Get free account at a provider</small></span></a></li> </ul> </li> <li id="menu-item-wpml-ls-3-en" class="menu-item wpml-ls-slot-3 wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-has-children menu-item-wpml-ls-3-en"><a href="https://nextcloud.com/design/" title="English"><img class="wpml-ls-flag" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://nextcloud.com/c/uploads/flags/Flag_of_the_United_Kingdom.svg" /><noscript><img class="wpml-ls-flag" src="https://nextcloud.com/c/uploads/flags/Flag_of_the_United_Kingdom.svg" alt="" /></noscript><span class="wpml-ls-native" lang="en">English</span></a> <ul class="sub-menu"> <li id="menu-item-wpml-ls-3-fr" class="menu-item wpml-ls-slot-3 wpml-ls-item wpml-ls-item-fr wpml-ls-menu-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-3-fr"><a href="https://nextcloud.com/fr/design/" title="Français"><img class="wpml-ls-flag" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/fr.png" /><noscript><img class="wpml-ls-flag" src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/fr.png" alt="" /></noscript><span class="wpml-ls-native" lang="fr">Français</span></a></li> <li id="menu-item-wpml-ls-3-de" class="menu-item wpml-ls-slot-3 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-3-de"><a href="https://nextcloud.com/de/design/" title="Deutsch"><img class="wpml-ls-flag" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/de.png" /><noscript><img class="wpml-ls-flag" src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/de.png" alt="" /></noscript><span class="wpml-ls-native" lang="de">Deutsch</span></a></li> <li id="menu-item-wpml-ls-3-es" class="menu-item wpml-ls-slot-3 wpml-ls-item wpml-ls-item-es wpml-ls-menu-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-3-es"><a href="https://nextcloud.com/es/design/" title="Español"><img class="wpml-ls-flag" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/es.png" /><noscript><img class="wpml-ls-flag" src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/es.png" alt="" /></noscript><span class="wpml-ls-native" lang="es">Español</span></a></li> <li id="menu-item-wpml-ls-3-it" class="menu-item wpml-ls-slot-3 wpml-ls-item wpml-ls-item-it wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-3-it"><a href="https://nextcloud.com/it/design/" title="Italiano"><img class="wpml-ls-flag" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/it.png" /><noscript><img class="wpml-ls-flag" src="https://nextcloud.com/p/sitepress-multilingual-cms/res/flags/it.png" alt="" /></noscript><span class="wpml-ls-native" lang="it">Italiano</span></a></li> </ul> </li> </ul></div> </div> </div> </div> </div> </div> </header><div class="wrapper" id="main"> <div class="wpb-content-wrapper"><section class="vc_section titlebar at_home vc_custom_1715330864011 vc_section-has-fill"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element page-title centerMobile" > <div class="wpb_wrapper"> <h1>Contribute to<br /> Nextcloud design</h1> </div> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715327670560 page-subtitle centerMobile" > <div class="wpb_wrapper"> <p>Design at Nextcloud is about usability, simplicity and accessibility – so that everyone is in control of their data.</p> </div> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div></div></section><section class="vc_section vertical-page-intro powerful_collaboration lightBG vc_custom_1715326390747"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_custom_1663598629396 vc_column-gap-10 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <h3 style="text-align: center;">Help make privacy easy to use</h3> </div> </div> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p style="text-align: center;" data-pm-slice="1 1 []">At Nextcloud we make sure that our apps are universally accessible and easy to use by following a few basic principles:</p> </div> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1663598629396 vc_column-gap-10 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-2/5 vc_col-md-2/5"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="nc_video_preview_box popup-video "><a href="https://www.youtube.com/watch?v=5SAB0CY-iZ0" title="Join the Nextcloud design team!" class=""><div class="overlay"></div><img decoding="async" width="1024" height="683" src="https://nextcloud.com/c/uploads/2020/10/Jan-talk-1024x683.jpeg" class="attachment-large size-large" alt="Jan talk" srcset="https://nextcloud.com/c/uploads/2020/10/Jan-talk-1024x683.jpeg 1024w, https://nextcloud.com/c/uploads/2020/10/Jan-talk-300x200.jpeg 300w, https://nextcloud.com/c/uploads/2020/10/Jan-talk-768x512.jpeg 768w, https://nextcloud.com/c/uploads/2020/10/Jan-talk.jpeg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><div class="video_text"> <div class="icon"><i class="fas fa-play-circle"></i></div> <div class="title">Join the Nextcloud design team!</div> <div class="subtitle"></div> </div></a></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-3/5 vc_col-md-3/5"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid iconboxes vc_column-gap-15 vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>Software should work.</strong><br /> It is better to not have a feature instead of having one that works poorly.</p> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>Software should be easy to use.</strong><br /> Show only the most important elements.</p> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>Software should get out of the way.</strong><br /> Do things automatically instead of offering configuration options.</p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_inner vc_row-fluid iconboxes vc_column-gap-15 vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>When people ask for a setting</strong>, find out what the root of the problem is and fix that instead.</p> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>Software should be usable everywhere.</strong><br /> Make sure to test in different devices and browsers.</p> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p><strong>Software should be usable by everyone.</strong><br /> Find out more below in the <a href="#accessibility">accessibility</a> section.</p> </div> </div> </div></div></div></div></div></div></div></div></div></section><section class="vc_section nc_default_section"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_column-gap-20 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left imageRoundShadow"> <figure class="wpb_wrapper vc_figure"> <a class="" data-lightbox="lightbox[rel-2449-2435183152]" href="https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations.jpg" target="_self" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="956" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20956%20576'%3E%3C/svg%3E" class="vc_single_image-img attachment-large" alt="Nextcloud developers integrations" title="Nextcloud-developers-integrations" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-956x576.jpg 956w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-300x181.jpg 300w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-768x463.jpg 768w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-1536x926.jpg 1536w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations.jpg 1920w" data-lazy-sizes="(max-width: 956px) 100vw, 956px" data-lazy-src="https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-956x576.jpg" /><noscript><img decoding="async" width="956" height="576" src="https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-956x576.jpg" class="vc_single_image-img attachment-large" alt="Nextcloud developers integrations" title="Nextcloud-developers-integrations" srcset="https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-956x576.jpg 956w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-300x181.jpg 300w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-768x463.jpg 768w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations-1536x926.jpg 1536w, https://nextcloud.com/c/uploads/2024/04/Nextcloud-developers-integrations.jpg 1920w" sizes="(max-width: 956px) 100vw, 956px" /></noscript></a> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2>Develop with<br /> Nextcloud design in mind</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_left vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span> </div> <div class="wpb_text_column wpb_content_element vc_custom_1716278734960" > <div class="wpb_wrapper"> <p data-pm-slice="1 1 []">The <a href="https://docs.nextcloud.com/server/latest/developer_manual/design/index.html" target="_blank" rel="noopener noreferrer nofollow">Nextcloud design guide</a> contains design recommendations that you can incorporate into your feature or app to make it usable, simple, and consistent with the Nextcloud design language.</p> <p>Most Nextcloud web apps are written in Vue.js – to help with that you can use our <a href="https://nextcloud-vue-components.netlify.app/#/Introduction" target="_blank" rel="noopener noreferrer nofollow">Vue components </a>which automatically give you lots of benefits like the Nextcloud style, accessibility, and uniformity with other apps. If you are not using Vue.js in your app, you may use the general HTML/CSS guidelines – although we do recommend to use Vue.js with the components.</p> <p>Mobile and desktop apps follow their respective operating system guidelines, like <a href="https://m3.material.io/" target="_blank" rel="noopener">Material Design</a> or <a href="https://developer.apple.com/design/human-interface-guidelines" target="_blank" rel="noopener">Apple Human Interface Guidelines</a> – more details in <a href="https://docs.nextcloud.com/server/latest/developer_manual/design/index.html" target="_blank" rel="noopener">our design guidelines</a>.</p> </div> </div> </div></div></div></div></div></section><section class="vc_section nc_default_section lightBG vc_custom_1673356071922"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <h2 style="text-align: center;">Contribute to design</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_center vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1024" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3C/svg%3E" class="vc_single_image-img attachment-large" alt="" title="" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/Nextcloud-design-pick-what-to-work-on-1.svg" /><noscript><img decoding="async" width="1024" height="1024" src="https://nextcloud.com/c/uploads/2024/05/Nextcloud-design-pick-what-to-work-on-1.svg" class="vc_single_image-img attachment-large" alt="" title="" /></noscript></div> </figure> </div> </div></div></div><div class="centerMobile wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h3>Picking what to work on</h3> </div> </div> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>The design process is pretty flexible and open. Anyone can contribute to Nextcloud design through issues in the <a href="https://github.com/nextcloud/" target="_blank" rel="noopener noreferrer nofollow">Nextcloud organization on Github</a>. Each app has its own repository where issues are tracked.</p> <p>We track design and interface issues through the <a href="https://github.com/nextcloud/server/issues?q=is%3Aopen+is%3Aissue+label%3Adesign" target="_blank" rel="noopener noreferrer nofollow">design label</a> on our issue tracker. (If you have a GitHub account, you can see the design issues across repositories too). If you are a new contributor looking to get involved, check through the <a href="https://github.com/nextcloud/server/issues?q=is%3Aopen+is%3Aissue+label%3Adesign+label%3A%22good+first+issue%22" target="_blank" rel="noopener">good first issues label</a>!</p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1024" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3C/svg%3E" class="vc_single_image-img attachment-large" alt="" title="" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/Nextcloud-design-design-solution-3-1.svg" /><noscript><img decoding="async" width="1024" height="1024" src="https://nextcloud.com/c/uploads/2024/05/Nextcloud-design-design-solution-3-1.svg" class="vc_single_image-img attachment-large" alt="" title="" /></noscript></div> </figure> </div> </div></div></div><div class="centerMobile wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h3>Designing and specifying a solution</h3> </div> </div> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>When you are designing a solution, keep the following things in mind:</p> <ul class="nc-list"> <li>Start out by reviewing <strong>existing solutions</strong>, and other software people use. This gives a good understanding of what people expect. Best take screenshots so you can include them in the proposal for others to see.</li> <li>Check for <strong>consistency</strong> with existing Nextcloud apps, components and interaction design.</li> <li>Write up which problems your solution solves and how it would behave in <strong>different scenarios</strong>.</li> <li>Ideally do a <strong>mockup</strong> to support the specification. We generally use the open source mockup software <a href="https://penpot.app/" target="_blank" rel="noopener noreferrer nofollow">Penpot</a>, but you can use any method that feels comfortable. Even Inkscape or just a pen and paper mockup would work.</li> </ul> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1024" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3C/svg%3E" class="vc_single_image-img attachment-large" alt="" title="" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-communicating-github-2.svg" /><noscript><img decoding="async" width="1024" height="1024" src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-communicating-github-2.svg" class="vc_single_image-img attachment-large" alt="" title="" /></noscript></div> </figure> </div> </div></div></div><div class="centerMobile wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h3>Communicating it with others on GitHub</h3> </div> </div> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>When you are happy with the specification and supporting material, you can open an issue in the relevant repository. Make sure to include the screenshots of existing solutions, the specification text, and any mockups you have to make it understandable.</p> <p>Good examples of issues are our current redesign of the tray menu of the desktop app.</p> <ul class="nc-list"> <li><a href="https://github.com/nextcloud/desktop/issues/877" target="_blank" rel="noopener noreferrer nofollow">This issue</a> has examples of other apps, some simple mockups, and specifications about the design. In the discussions in the comments there are updates to the design as well.</li> <li><a href="https://github.com/nextcloud/desktop/pull/1565" target="_blank" rel="noopener noreferrer nofollow">This pull request</a> by a developer has the implementation of that issue, the changes they made, and more design discussions and adjustments.</li> </ul> </div> </div> </div></div></div></div></div></section><section class="vc_section nc_default_section vc_custom_1668761753143"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="nc_video_preview_box popup-video full-width"><a href="https://www.youtube.com/watch?v=THTdwCBQlHU" title="Nextcloud design system" class=""><div class="overlay"></div><img decoding="async" width="1024" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20576'%3E%3C/svg%3E" class="attachment-large size-large" alt="" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-1024x576.jpg 1024w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-300x169.jpg 300w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-768x432.jpg 768w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system.jpg 1280w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-1024x576.jpg" /><noscript><img decoding="async" width="1024" height="576" src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-1024x576.jpg" class="attachment-large size-large" alt="" srcset="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-1024x576.jpg 1024w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-300x169.jpg 300w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system-768x432.jpg 768w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-system.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript><div class="video_text"> <div class="icon"><i class="fas fa-play-circle"></i></div> <div class="title">Nextcloud design system</div> <div class="subtitle"></div> </div></a></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2>Nextcloud design system</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_left vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715847544204" > <div class="wpb_wrapper"> <p>Use the Nextcloud design components library to quickly create mockups that are pixel-perfect. It is available on the open source prototyping tool <a href="https://penpot.app" rel="noopener noreferrer nofollow">Penpot</a> and is ready to use in 3 simple steps!</p> <ol class="nc-ol-list"> <li><a href="https://github.com/penpot/penpot-files/raw/main/Nextcloud%20design%20system.penpot" rel="noopener noreferrer nofollow">Download the component library here</a> or find it in the “Libraries and temples” section in your Penpot.</li> <li>Go to the menu in your desired Penpot project and choose “Import Penpot files”.</li> <li>Choose the Nextcloud design system file you just downloaded.</li> </ol> <p>And that’s it! You can now add the Nextcloud design system shared library to any of your Penpot files and design away!</p> </div> </div> </div></div></div></div></div></section><section class="vc_section lightBG nc_default_section"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_column-gap-20 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1500" height="581" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201500%20581'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Nextcloud design team" title="Nextcloud design team" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team.png 1500w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-300x116.png 300w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-1024x397.png 1024w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-768x297.png 768w" data-lazy-sizes="(max-width: 1500px) 100vw, 1500px" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team.png" /><noscript><img decoding="async" width="1500" height="581" src="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team.png" class="vc_single_image-img attachment-full" alt="Nextcloud design team" title="Nextcloud design team" srcset="https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team.png 1500w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-300x116.png 300w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-1024x397.png 1024w, https://nextcloud.com/c/uploads/2024/05/nextcloud-design-team-768x297.png 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></noscript></div> </figure> </div> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2 style="text-align: center;">Design team</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_center vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span> </div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_column-gap-20"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p data-pm-slice="1 1 []">There is a <strong><a href="https://github.com/orgs/nextcloud/teams/designers" target="_blank" rel="noopener noreferrer nofollow">@nextcloud/designers group on GitHub</a></strong>. If you need design feedback on issues or pull requests, just mention @nextcloud/designers to notify all designers (note this only works when you are part of the Nextcloud organization on GitHub). Let us know if you’d like to join this group and help out!</p> </div> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>We have a <strong><a href="https://cloud.nextcloud.com/call/gqff69i8" target="_blank" rel="noopener noreferrer nofollow">Design team public Talk channel</a></strong> where we discuss design and help people with design feedback. Come join if you are interested in contributing to design or need questions answered! We also have a <strong>weekly design call at 16:00 CET every Tuesday</strong> where we review existing Nextcloud apps. If you would like to have your app reviewed by the design team, just ask in the channel.</p> </div> </div> </div></div></div></div></div></section><section id="accessibility" class="vc_section nc_default_section vc_custom_1715327493703"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1024" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3C/svg%3E" class="vc_single_image-img attachment-large" alt="Nextcloud accessibility" title="" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/nc-accessibility-3.svg" /><noscript><img decoding="async" width="1024" height="1024" src="https://nextcloud.com/c/uploads/2024/05/nc-accessibility-3.svg" class="vc_single_image-img attachment-large" alt="Nextcloud accessibility" title="" /></noscript></div> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2>Accessibility</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_left vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715323534738" > <div class="wpb_wrapper"> <p data-pm-slice="1 1 []">Universal access is very important to us. We follow web standards and check to make everything usable also with keyboard and assistive software such as screen readers. We aim to be compliant with the <a href="https://www.w3.org/TR/WCAG21/" target="_blank" rel="noopener noreferrer nofollow">Web Content Accessibility Guidelines 2.1</a> on AA level, with the high contrast theme even on AAA level. We also follow the German <a href="https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html" target="_blank" rel="noopener noreferrer nofollow">BITV 2.0 guidelines</a>.</p> <p>If you find any accessibility issues, don’t hesitate to report them on our issue tracker.<br /> Find more info on the accessibility of Nextcloud in the user manual, and if you want to learn more about accessibility, check out <a href="https://www.a11yproject.com/" target="_blank" rel="noopener noreferrer nofollow">The A11Y Project</a>.</p> </div> </div> </div></div></div></div></div></section><section class="vc_section lightBG nc_default_section vc_custom_1715330993040"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_row-o-content-middle vc_row-flex"><div class="text-right wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_custom_1715331418750 vc_do_icon vc_icon_element-align-center"><div class="vc_icon_element-inner vc_icon_element-color-custom vc_icon_element-size-md vc_icon_element-style- vc_icon_element-background-color-grey" ><span class="vc_icon_element-icon fas fa-book-reader" style="color:#0082c9 !important"></span></div></div> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2 style="text-align: center;">Design reads we like</h2> </div> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715323598629" > <div class="wpb_wrapper"> <p style="text-align: center;">Check out some of these interesting websites and articles!</p> </div> </div> <div class="vc_row wpb_row vc_inner vc_row-fluid iconboxes vc_custom_1715331356509 vc_column-gap-30"><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <a href="https://ukhomeoffice.github.io/accessibility-posters/posters/accessibility-posters.pdf" target="_blank" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="591" height="806" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20591%20806'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Designing for accessibility" title="Designing for accessibility" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/05/accessibility-posters.png 591w, https://nextcloud.com/c/uploads/2024/05/accessibility-posters-220x300.png 220w, https://nextcloud.com/c/uploads/2024/05/accessibility-posters-422x576.png 422w" data-lazy-sizes="(max-width: 591px) 100vw, 591px" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/accessibility-posters.png" /><noscript><img decoding="async" width="591" height="806" src="https://nextcloud.com/c/uploads/2024/05/accessibility-posters.png" class="vc_single_image-img attachment-full" alt="Designing for accessibility" title="Designing for accessibility" srcset="https://nextcloud.com/c/uploads/2024/05/accessibility-posters.png 591w, https://nextcloud.com/c/uploads/2024/05/accessibility-posters-220x300.png 220w, https://nextcloud.com/c/uploads/2024/05/accessibility-posters-422x576.png 422w" sizes="(max-width: 591px) 100vw, 591px" /></noscript></a> </figure> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715340945645" > <div class="wpb_wrapper"> <h4 style="text-align: center;">Designing for accessibility</h4> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <a href="https://lawsofux.com/" target="_blank" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="591" height="806" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20591%20806'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Laws of UX" title="Laws of UX" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/05/laws-of-UX.jpg 591w, https://nextcloud.com/c/uploads/2024/05/laws-of-UX-220x300.jpg 220w, https://nextcloud.com/c/uploads/2024/05/laws-of-UX-422x576.jpg 422w" data-lazy-sizes="(max-width: 591px) 100vw, 591px" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/laws-of-UX.jpg" /><noscript><img decoding="async" width="591" height="806" src="https://nextcloud.com/c/uploads/2024/05/laws-of-UX.jpg" class="vc_single_image-img attachment-full" alt="Laws of UX" title="Laws of UX" srcset="https://nextcloud.com/c/uploads/2024/05/laws-of-UX.jpg 591w, https://nextcloud.com/c/uploads/2024/05/laws-of-UX-220x300.jpg 220w, https://nextcloud.com/c/uploads/2024/05/laws-of-UX-422x576.jpg 422w" sizes="(max-width: 591px) 100vw, 591px" /></noscript></a> </figure> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715331304456" > <div class="wpb_wrapper"> <h4 style="text-align: center;">Laws of UX</h4> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <a href="https://www.nngroup.com/" target="_blank" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="591" height="806" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20591%20806'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Nielsen Normal Group" title="Nielsen Normal Group" data-lazy-srcset="https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group.jpg 591w, https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group-220x300.jpg 220w, https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group-422x576.jpg 422w" data-lazy-sizes="(max-width: 591px) 100vw, 591px" data-lazy-src="https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group.jpg" /><noscript><img decoding="async" width="591" height="806" src="https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group.jpg" class="vc_single_image-img attachment-full" alt="Nielsen Normal Group" title="Nielsen Normal Group" srcset="https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group.jpg 591w, https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group-220x300.jpg 220w, https://nextcloud.com/c/uploads/2024/05/Nielsen-Normal-Group-422x576.jpg 422w" sizes="(max-width: 591px) 100vw, 591px" /></noscript></a> </figure> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715331323830" > <div class="wpb_wrapper"> <h4 style="text-align: center;">Nielsen Norman Group</h4> </div> </div> </div></div></div></div></div></div></div></div></div></section><section class="vc_section nc_default_section vc_custom_1715334140374"><div class="overlay-gradient"></div><div class="container"><div class="vc_row wpb_row vc_row-fluid vc_column-gap-30 vc_row-o-content-middle vc_row-flex"><div class="centerMobile text-right wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element nc-section-title" > <div class="wpb_wrapper"> <h2 style="text-align: center;">Nextcloud podcast talks about design</h2> </div> </div> <div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_20 vc_sep_border_width_2 vc_sep_pos_align_center vc_separator_no_text wpb_content_element wpb_content_element nc_separator_line" ><span class="vc_sep_holder vc_sep_holder_l"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span style="border-color:#0082c9;" class="vc_sep_line"></span></span> </div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid iconboxes justifyContenCenter vc_column-gap-30 vc_row-o-equal-height vc_row-flex"><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center imageRoundShadow"> <figure class="wpb_wrapper vc_figure"> <a href="https://nextcloud.com/blog/nextcloud-podcast-part-ii-lets-talk-about-design-new/" target="_self" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Nextcloud Podcast" title="nextcloud-podcast-featured-image" data-lazy-srcset="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png 1920w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-300x169.png 300w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1024x576.png 1024w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-768x432.png 768w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1536x864.png 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png" /><noscript><img decoding="async" width="1920" height="1080" src="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png" class="vc_single_image-img attachment-full" alt="Nextcloud Podcast" title="nextcloud-podcast-featured-image" srcset="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png 1920w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-300x169.png 300w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1024x576.png 1024w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-768x432.png 768w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></noscript></a> </figure> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715334235696" > <div class="wpb_wrapper"> <h4 style="text-align: center;"><a href="https://nextcloud.com/blog/nextcloud-podcast-part-ii-lets-talk-about-design-new/" target="_blank" rel="noopener noreferrer nofollow">History of Nextcloud, design and community with design lead Jan</a></h4> </div> </div> </div></div></div><div class="iconbox wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center imageRoundShadow"> <figure class="wpb_wrapper vc_figure"> <a href="https://nextcloud.com/blog/nextcloud-podcast-part-ii-lets-talk-about-design-new/" target="_self" class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="vc_single_image-img attachment-full" alt="Nextcloud Podcast" title="nextcloud-podcast-featured-image" data-lazy-srcset="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png 1920w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-300x169.png 300w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1024x576.png 1024w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-768x432.png 768w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1536x864.png 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png" /><noscript><img decoding="async" width="1920" height="1080" src="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png" class="vc_single_image-img attachment-full" alt="Nextcloud Podcast" title="nextcloud-podcast-featured-image" srcset="https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image.png 1920w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-300x169.png 300w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1024x576.png 1024w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-768x432.png 768w, https://nextcloud.com/c/uploads/2023/01/nextcloud-podcast-featured-image-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></noscript></a> </figure> </div> <div class="wpb_text_column wpb_content_element vc_custom_1715334241127" > <div class="wpb_wrapper"> <h4 style="text-align: center;"><a href="https://nextcloud.com/blog/nextcloud-podcast-part-ii-lets-talk-about-design-new/" target="_blank" rel="noopener noreferrer nofollow">UX designer Nimisha talks about design at Nextcloud</a></h4> </div> </div> </div></div></div></div></div></section> </div></div> <footer data-wpr-lazyrender="1" class=""> <div class="container"> <div class="row"> <div class="col-12"> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="footer-logo"> <div id="media_image-2" class="widget widget_media_image"><img width="300" height="211" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20211'%3E%3C/svg%3E" class="image wp-image-76877 attachment-medium size-medium" alt="Logo Nextcloud white" style="max-width: 100%; height: auto;" decoding="async" data-lazy-src="https://nextcloud.com/c/uploads/2022/11/logo_nextcloud_white.svg" /><noscript><img width="300" height="211" src="https://nextcloud.com/c/uploads/2022/11/logo_nextcloud_white.svg" class="image wp-image-76877 attachment-medium size-medium" alt="Logo Nextcloud white" style="max-width: 100%; height: auto;" decoding="async" /></noscript></div><div id="text-2" class="widget widget_text"> <div class="textwidget"><div id="text-2" class="widget widget_text"> <div class="textwidget"> <p data-pm-slice="1 1 []">Nextcloud offers a modern, on premise content collaboration platform with real-time document editing, video chat & groupware on mobile, desktop and web.</p> </div> </div> </div> </div><div id="search-2" class="widget widget_search"><div class="widget-title-holder"><h3 class="widget-title">Search</h3></div><form role="search" method="get" id="searchform" class="searchform" action="https://nextcloud.com/" > <div class="custom-form"><label class="screen-reader-text" for="s">Search:</label> <input type="text" value="" placeholder="Search here.." name="s" id="s" /><button type="submit" title="Search" id="searchsubmit"><i class="fas fa-search"></i></button></div></form></div> </div> </div> <div class="col-lg-8"> <div id="menu-footer-menu-container" class="menu-footer-menu-container"><ul id="menu-footer-menu" class="footer-menu"><li id="menu-item-164" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-164"><a href="#">About Nextcloud</a> <ul class="sub-menu"> <li id="menu-item-15758" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15758"><a href="https://nextcloud.com/about/">About us</a></li> <li id="menu-item-1698" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1698"><a href="https://nextcloud.com/jobs/">Jobs</a></li> <li id="menu-item-293255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-293255"><a href="https://nextcloud.com/partners/">Partners</a></li> <li id="menu-item-15760" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15760"><a href="https://nextcloud.com/contribute/code-of-conduct/">Code of conduct</a></li> <li id="menu-item-15765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-15765"><a rel="privacy-policy" href="https://nextcloud.com/privacy/">Privacy</a></li> <li id="menu-item-15776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15776"><a href="https://nextcloud.com/press/">Press</a></li> <li id="menu-item-15762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15762"><a href="https://nextcloud.com/impressum/">Legal note</a></li> <li id="menu-item-78799" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78799"><a href="https://nextcloud.com/trademarks/">Trademarks</a></li> <li id="menu-item-251791" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-251791"><a href="https://nextcloud.com/brand/">Brand guidelines</a></li> <li id="menu-item-151685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151685"><a href="https://nextcloud.com/features/" title="Nextcloud features">Features</a></li> <li id="menu-item-200515" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200515"><a href="https://nextcloud.com/human-rights-policy/">Human Rights Policy</a></li> <li id="menu-item-200516" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200516"><a href="https://nextcloud.com/code-of-ethics/">Code of Ethics</a></li> </ul> </li> <li id="menu-item-171" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-171"><a href="#">Resources</a> <ul class="sub-menu"> <li id="menu-item-15772" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15772"><a href="https://nextcloud.com/install/">Download</a></li> <li id="menu-item-174" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-174"><a href="https://apps.nextcloud.com">App Store</a></li> <li id="menu-item-175" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-175"><a href="https://docs.nextcloud.com/server/latest/admin_manual/">Admin manual</a></li> <li id="menu-item-176" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-176"><a href="https://docs.nextcloud.com/server/latest/user_manual/">User manual</a></li> <li id="menu-item-15770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15770"><a href="https://nextcloud.com/security/">Security</a></li> <li id="menu-item-15774" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15774"><a href="https://nextcloud.com/developer/">Developer information</a></li> <li id="menu-item-179" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-179"><a href="https://github.com/nextcloud">Code on GitHub</a></li> <li id="menu-item-15771" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15771"><a href="https://nextcloud.com/compare/">Compare with others</a></li> <li id="menu-item-15769" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15769"><a href="https://nextcloud.com/search/">Search</a></li> </ul> </li> <li id="menu-item-181" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-181"><a href="#">Interact</a> <ul class="sub-menu"> <li id="menu-item-15775" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15775"><a href="https://nextcloud.com/support/">Support</a></li> <li id="menu-item-183" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-183"><a href="https://help.nextcloud.com">Forums</a></li> <li id="menu-item-184" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-184"><a href="https://nextcloud.com/instant-trial/">Demo</a></li> <li id="menu-item-17740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17740"><a href="https://nextcloud.com/contact/">Contact us</a></li> <li id="menu-item-187" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-187"><a target="_blank" href="https://github.com/nextcloud">Bug Tracker</a></li> </ul> </li> </ul></div> </div> </div> <div class="row"> <div class="col-12"> <div class="line"></div> </div> </div> <div class="row align-items-center"> <div class="col-lg-8 order-lg-2"> <div class="social-media-holder"> <ul class="social-menu"><li><a id="cookies_preferences" title="Cookies preferences" href="#">Cookies preferences</a></li><li><a title="Facebook" href="https://www.facebook.com/Nextclouders/" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://nextcloud.com/c/uploads/2021/12/facebook-icon.png"/><noscript><img src="https://nextcloud.com/c/uploads/2021/12/facebook-icon.png" alt="Facebook"/></noscript></a></li><li><a title="X" href="https://twitter.com/nextclouders" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="X" data-lazy-src="https://nextcloud.com/c/uploads/2024/01/X_logo_2023_white.svg"/><noscript><img src="https://nextcloud.com/c/uploads/2024/01/X_logo_2023_white.svg" alt="X"/></noscript></a></li><li><a title="Instagram" href="https://www.instagram.com/nextclouders/" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Instagram" data-lazy-src="https://nextcloud.com/c/uploads/2021/12/instagram-icon.png"/><noscript><img src="https://nextcloud.com/c/uploads/2021/12/instagram-icon.png" alt="Instagram"/></noscript></a></li><li><a title="Linkedin" href="https://www.linkedin.com/company/10827569/" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Linkedin" data-lazy-src="https://nextcloud.com/c/uploads/2021/12/linkedin-icon.png"/><noscript><img src="https://nextcloud.com/c/uploads/2021/12/linkedin-icon.png" alt="Linkedin"/></noscript></a></li><li><a title="Nextcloud Forum" href="https://help.nextcloud.com/" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Nextcloud Forum" data-lazy-src="https://nextcloud.com/c/uploads/2022/06/discourse.png"/><noscript><img src="https://nextcloud.com/c/uploads/2022/06/discourse.png" alt="Nextcloud Forum"/></noscript></a></li><li><a title="Youtube" href="https://youtube.com/nextcloud" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Youtube" data-lazy-src="https://nextcloud.com/c/uploads/2021/12/youtube-icon.png"/><noscript><img src="https://nextcloud.com/c/uploads/2021/12/youtube-icon.png" alt="Youtube"/></noscript></a></li><li><a rel="me" title="Mastodon" href="https://mastodon.xyz/@nextcloud" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Mastodon" data-lazy-src="https://nextcloud.com/c/uploads/2022/11/Mastodon_icon-white.svg"/><noscript><img src="https://nextcloud.com/c/uploads/2022/11/Mastodon_icon-white.svg" alt="Mastodon"/></noscript></a></li><li><a title="RSS Feed" href="https://nextcloud.com/feed/" target="_blank"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="RSS Feed" data-lazy-src="https://nextcloud.com/c/uploads/2023/01/RSS-feed-icon-white.svg"/><noscript><img src="https://nextcloud.com/c/uploads/2023/01/RSS-feed-icon-white.svg" alt="RSS Feed"/></noscript></a></li></ul> </div> </div> <div class="col-lg-4 order-lg-1"> <div class="foot-text"> <p>© 2021 - 2025 Nextcloud GmbH</p> </div> </div> </div> </div> </footer> <div id="cookie_banner" class="cookie_banner" style="display: none;"> <div class="cookie_banner_inner"> <div class="logo"> <img src="https://nextcloud.com/wp-content/uploads/2022/10/nextcloud-logo-blue-transparent.svg" width="71px" height="50px" alt="Nextcloud" title="Nextcloud"> </div> <div class="description"> <div class="text"> We save some cookies to count visitors and make the site easier to use. This doesn't leave our server and isn't to track you personally! See our <a target='_blank' href='/privacy/'>Privacy Policy</a> for more information. <a href="#no_scroll" id="open_details" class="open_details">Customize <i class="icon fas fa-angle-down"></i></a> </div> </div> <div class="buttons"> <button class="accept_cookie_btn accept_all_btn c-btn btn-main" id="accept_all_btn">Accept all cookies</button>  <button class="accept_cookie_btn save_settings c-btn btn-main" id="save_settings">Reject all</button> </div> <div class="customize_btn_container"> <a href="#no_scroll" id="open_details2" class="open_details">Customize <i class="icon fas fa-angle-down"></i></a> </div> </div> <div class="cookies_details" id="cookies_details" style="visibility: hidden; height: 0;"> <div class="cookies_cat" id="cookies_essentials_cat"> <div class="cookies_cat_inner"> <div class="cookie_cat_name">Essentials <a href="#" class="cookies_more_details" id="">More details<i class="icon fas fa-angle-down"></i></a> </div> <div class="cookie_cat_desc"> Essential cookies enable basic functions and are necessary for the proper function of the website. </div> <div class="cookie_cat_cb"> <label class="nc-switch"> <input type="checkbox" id="accept_all_essentials" class="cat_checkbox" name="nc_cookie_banner[]" value="essentials"> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookies_list" style=""> <div class="cookie_item" id="wpml_current_language"> <div class="cookie_name"><label for="">Cookie name:</label>wp-wpml_current_language</div> <div class="cookie_desc"><label for="">Cookie description:</label>Set the language on the website</div> <div class="cookie_duration"><label for="">Cookie expiry:</label>No expiration</div> <div class="cookie_checkbox"> <label for="accept_wpml_current_language">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_wpml_current_language" name="wpml_current_language" value="1"> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookie_item" id="nc_cookie_banner"> <div class="cookie_name"><label for="">Cookie name:</label>nc_cookie_banner</div> <div class="cookie_desc"><label for="">Cookie description:</label>Saves the cookie containing the user cookies preferences</div> <div class="cookie_duration"><label for="">Cookie expiry:</label>30 days</div> <div class="cookie_checkbox"> <label for="accept_wpml_current_language">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_nc_cookie_banner" name="nc_cookie_banner[]" value="nc_cookie_banner"> <span class="nc-switch-style"></span> </label> </div> </div> </div> </div> <div class="cookies_cat"> <div class="cookies_cat_inner"> <div class="cookie_cat_name">Convenience <a href="#" class="cookies_more_details" id="">More details <i class="icon fas fa-angle-down"></i></a> </div> <div class="cookie_cat_desc">Cookies used to save the data entered in forms, such as name, email, phone number, and preferred language.</div> <div class="cookie_cat_cb"> <label class="nc-switch"> <input type="checkbox" class="cat_checkbox" id="accept_convenience_cookies" name="nc_cookie_banner[]" value="convenience"> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookies_list" style=""> <div class="cookie_item" id="nc_form_fields"> <div class="cookie_name"><label for="">Cookie name:</label>nc_form_fields</div> <div class="cookie_desc"><label for="">Cookie description:</label>Remembers the data filled in the forms for the next time (name, email, phone and preferred language)</div> <div class="cookie_duration"><label for="">Cookie expiry:</label>30 days</div> <div class="cookie_checkbox" style="visibility: hidden;height: 0;"> <label for="accept_nc_form_fields">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_nc_form_fields" name="nc_form_fields" value="1"> <span class="nc-switch-style"></span> </label> </div> </div> </div> </div> <div class="cookies_cat"> <div class="cookies_cat_inner"> <div class="cookie_cat_name">Statistics <a href="#" class="cookies_more_details" id="">More details <i class="icon fas fa-angle-down"></i></a> </div> <div class="cookie_cat_desc">Statistics cookies collect information anonymously and help us understand how our visitors use our website. We use cloud-hosted <a href="https://matomo.org/matomo-cloud/" target="_blank">Matomo</a> </div> <div class="cookie_cat_cb"> <label class="nc-switch"> <input type="checkbox" class="cat_checkbox" id="accept_statistics" name="nc_cookie_banner[]" value="statistics"/> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookies_list" style=""> <div class="cookie_item" id="nc_form_fields"> <div class="cookie_name"><label for="">Service:</label>Matomo</div> <div class="cookie_desc"> <label for="">Cookies description:</label> _pk_ses*: Counts the first visit of the user<br> _pk_id*: Helps not to double count the visits.<br> mtm_cookie_consent: Remembers that consent for storing and using cookies was given by the user. </div> <div class="cookie_duration"><label for="">Cookies expiry:</label>_pk_ses*: 30 minutes<br> _pk_id*: 28 days<br> mtm_cookie_consent: 30 days </div> <div class="cookie_checkbox" style="visibility: hidden;height: 0;"> <label for="accept_matomo">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_matomo" name="matomo" value="1"> <span class="nc-switch-style"></span> </label> </div> </div> </div> </div> <div class="cookies_cat"> <div class="cookies_cat_inner"> <div class="cookie_cat_name">External media <a href="#" class="cookies_more_details" id="">More details <i class="icon fas fa-angle-down"></i></a> </div> <div class="cookie_cat_desc">Allows connections for loading external media. No cookies from Youtube or Vimeo will be set.</div> <div class="cookie_cat_cb"> <label class="nc-switch"> <input type="checkbox" class="cat_checkbox" id="accept_external_media" name="nc_cookie_banner[]" value="external_media"/> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookies_list" style=""> <div class="cookie_item" id="nc_youtube_cookie"> <div class="cookie_name"><label for="">Service:</label>Play Youtube videos</div> <div class="cookie_desc"><label for="">Service description:</label> All of the Youtube videos get unblocked if this setting is saved </div> <div class="cookie_duration"><label for="">Cookie expiry:</label> - </div> <div class="cookie_checkbox"><label for="accept_youtube">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_youtube" name="nc_youtube_unblocked" value="1"> <span class="nc-switch-style"></span> </label> </div> </div> <div class="cookie_item" id="nc_vimeo_cookie"> <div class="cookie_name"><label for="">Service:</label>Play Vimeo videos</div> <div class="cookie_desc"><label for="">Service description:</label> All of the Vimeo videos get unblocked if this setting is saved </div> <div class="cookie_duration"><label for="">Cookie expiry:</label> - </div> <div class="cookie_checkbox"><label for="accept_vimeo">Consent</label> <label class="nc-switch"> <input type="checkbox" id="accept_vimeo" name="nc_vimeo_unblocked" value="1"> <span class="nc-switch-style"></span> </label> </div> </div> </div> </div> </div> </div>  <script id="matomo_script" type="text/javascript"> var _mtm = window._mtm = window._mtm || []; var _paq = window._paq = window._paq || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); setTimeout(() => { if(getCookie('nc_cookie_banner') ) { //const cookieBanner_old = JSON.parse(getCookie('nc_cookie_banner')); const cookieBanner = JSON.parse(DOMPurify.sanitize(getCookie('nc_cookie_banner'))); if (cookieBanner.statistics && cookieBanner.statistics.matomo) { if(!getCookie('mtm_cookie_consent')){ // set cookie only if not recently set _paq.push(['rememberCookieConsentGiven', 720]); } } else { //console.log("Stats consent NOT given, do NOT load rememberCookieConsentGiven"); _paq.push(['forgetCookieConsentGiven']); // Ensure Matomo forgets the consent _paq.push(['deleteCookies']); // Delete all Matomo cookies } } }, 500); (function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.id='matomo_js'; g.src='https://cdn.matomo.cloud/nextcloud.matomo.cloud/container_wlmEL4w2.js'; s.parentNode.insertBefore(g,s); })(); </script> <script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script><link rel='stylesheet' id='lightbox2-css' href='https://nextcloud.com/p/js_composer/assets/lib/vendor/node_modules/lightbox2/dist/css/lightbox.min.css?ver=8.3.1' type='text/css' media='all' /> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ class RocketBrowserCompatibilityChecker { constructor( options ) { this.passiveSupported = false; this._checkPassiveOption( this ); this.options = this.passiveSupported ? options : false; } /** * Initializes browser check for addEventListener passive option. * * @link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support * @private * * @param self Instance of this object. * @returns {boolean} */ _checkPassiveOption( self ) { try { const options = { // This function will be called when the browser attempts to access the passive property. get passive() { self.passiveSupported = true; return false; } }; window.addEventListener( 'test', null, options ); window.removeEventListener( 'test', null, options ); } catch ( err ) { self.passiveSupported = false; } } /** * Checks if the browser supports requestIdleCallback and cancelIdleCallback. If no, shims its behavior with a polyfills. * * @link @link https://developers.google.com/web/updates/2015/08/using-requestidlecallback */ initRequestIdleCallback() { if ( ! 'requestIdleCallback' in window ) { window.requestIdleCallback = ( cb ) => { const start = Date.now(); return setTimeout( () => { cb( { didTimeout: false, timeRemaining: function timeRemaining() { return Math.max( 0, 50 - ( Date.now() - start ) ); } } ); }, 1 ); }; } if ( ! 'cancelIdleCallback' in window ) { window.cancelIdleCallback = ( id ) => clearTimeout( id ); } } /** * Detects if data saver mode is on. * * @link https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/save-data/#detecting_the_save-data_setting * * @returns {boolean|boolean} */ isDataSaverModeOn() { return ( 'connection' in navigator && true === navigator.connection.saveData ); } /** * Checks if the browser supports link prefetch. * * @returns {boolean|boolean} */ supportsLinkPrefetch() { const elem = document.createElement( 'link' ); return ( elem.relList && elem.relList.supports && elem.relList.supports( 'prefetch' ) && window.IntersectionObserver && 'isIntersecting' in IntersectionObserverEntry.prototype ); } isSlowConnection() { return ( 'connection' in navigator && 'effectiveType' in navigator.connection && ( '2g' === navigator.connection.effectiveType || 'slow-2g' === navigator.connection.effectiveType ) ) } } /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/sign-up\/|\/es\/sign-up\/|\/de\/sign-up\/|\/fr\/sign-up\/|\/it\/sign-up\/|\/index.php|\/events-lead-collection-form\/|\/manage-subscription\/|\/livestream\/|\/nextcloud-summit-2025-temp-changes\/|\/jobs\/|\/partners-hub\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/nextcloud.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ class RocketPreloadLinks { constructor( browser, config ) { this.browser = browser; this.config = config; this.options = this.browser.options; this.prefetched = new Set; this.eventTime = null; this.threshold = 1111; this.numOnHover = 0; } /** * Initializes the handler. */ init() { if ( ! this.browser.supportsLinkPrefetch() || this.browser.isDataSaverModeOn() || this.browser.isSlowConnection() ) { return; } this.regex = { excludeUris: RegExp( this.config.excludeUris, 'i' ), images: RegExp( '.(' + this.config.imageExt + ')$', 'i' ), fileExt: RegExp( '.(' + this.config.fileExt + ')$', 'i' ) }; this._initListeners( this ); } /** * Initializes the event listeners. * * @private * * @param self instance of this object, used for binding "this" to the listeners. */ _initListeners( self ) { // Setting onHoverDelay to -1 disables the "on-hover" feature. if ( this.config.onHoverDelay > -1 ) { document.addEventListener( 'mouseover', self.listener.bind( self ), self.listenerOptions ); } document.addEventListener( 'mousedown', self.listener.bind( self ), self.listenerOptions ); document.addEventListener( 'touchstart', self.listener.bind( self ), self.listenerOptions ); } /** * Event listener. Processes when near or on a valid <a> hyperlink. * * @param Event event Event instance. */ listener( event ) { const linkElem = event.target.closest( 'a' ); const url = this._prepareUrl( linkElem ); if ( null === url ) { return; } switch ( event.type ) { case 'mousedown': case 'touchstart': this._addPrefetchLink( url ); break; case 'mouseover': this._earlyPrefetch( linkElem, url, 'mouseout' ); } } /** * * @private * * @param Element|null linkElem * @param object url * @param string resetEvent */ _earlyPrefetch( linkElem, url, resetEvent ) { const doPrefetch = () => { falseTrigger = null; // Start the rate throttle: 1 sec timeout. if ( 0 === this.numOnHover ) { setTimeout( () => this.numOnHover = 0, 1000 ); } // Bail out when exceeding the rate throttle. else if ( this.numOnHover > this.config.rateThrottle ) { return; } this.numOnHover++; this._addPrefetchLink( url ); }; // Delay to avoid false triggers for hover/touch/tap. let falseTrigger = setTimeout( doPrefetch, this.config.onHoverDelay ); // On reset event, reset the false trigger timer. const reset = () => { linkElem.removeEventListener( resetEvent, reset, { passive: true } ); if ( null === falseTrigger ) { return; } clearTimeout( falseTrigger ); falseTrigger = null; }; linkElem.addEventListener( resetEvent, reset, { passive: true } ); } /** * Adds a <link rel="prefetch" href="<url>"> for the given URL. * * @param string url The Given URL to prefetch. */ _addPrefetchLink( url ) { this.prefetched.add( url.href ); return new Promise( ( resolve, reject ) => { const elem = document.createElement( 'link' ); elem.rel = 'prefetch'; elem.href = url.href; elem.onload = resolve; elem.onerror = reject; document.head.appendChild( elem ); } ).catch(() => { // ignore and continue. }); } /** * Prepares the target link's URL. * * @private * * @param Element|null linkElem Instance of the link element. * @returns {null|*} */ _prepareUrl( linkElem ) { if ( null === linkElem || typeof linkElem !== 'object' || ! 'href' in linkElem || // Link prefetching only works on http/https protocol. [ 'http:', 'https:' ].indexOf( linkElem.protocol ) === -1 ) { return null; } const origin = linkElem.href.substring( 0, this.config.siteUrl.length ); const pathname = this._getPathname( linkElem.href, origin ); const url = { original: linkElem.href, protocol: linkElem.protocol, origin: origin, pathname: pathname, href: origin + pathname }; return this._isLinkOk( url ) ? url : null; } /** * Gets the URL's pathname. Note: ensures the pathname matches the permalink structure. * * @private * * @param object url Instance of the URL. * @param string origin The target link href's origin. * @returns {string} */ _getPathname( url, origin ) { let pathname = origin ? url.substring( this.config.siteUrl.length ) : url; if ( ! pathname.startsWith( '/' ) ) { pathname = '/' + pathname; } if ( this._shouldAddTrailingSlash( pathname ) ) { return pathname + '/'; } return pathname; } _shouldAddTrailingSlash( pathname ) { return ( this.config.usesTrailingSlash && ! pathname.endsWith( '/' ) && ! this.regex.fileExt.test( pathname ) ); } /** * Checks if the given link element is okay to process. * * @private * * @param object url URL parts object. * * @returns {boolean} */ _isLinkOk( url ) { if ( null === url || typeof url !== 'object' ) { return false; } return ( ! this.prefetched.has( url.href ) && url.origin === this.config.siteUrl // is an internal document. && url.href.indexOf( '?' ) === -1 // not a query string. && url.href.indexOf( '#' ) === -1 // not an anchor. && ! this.regex.excludeUris.test( url.href ) // not excluded. && ! this.regex.images.test( url.href ) // not an image. ); } /** * Named static constructor to encapsulate how to create the object. */ static run() { // Bail out if the configuration not passed from the server. if ( typeof RocketPreloadLinksConfig === 'undefined' ) { return; } const browser = new RocketBrowserCompatibilityChecker( { capture: true, passive: true } ); const instance = new RocketPreloadLinks( browser, RocketPreloadLinksConfig ); instance.init(); } } RocketPreloadLinks.run(); /* ]]> */ </script> <script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var main_js_strings = {"see_more":"See more","copied":"Copied!","copy_url":"Copy URL","events":"Events","see_less":"See less","hide_past_events":"Hide all events","show_past_events":"All events in","hide_older_years_events":"Hide previous years","show_older_years_events":"Show previous years"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/c/themes/nextcloud-theme/dist/js/main.js?ver=1740485609" id="main-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/p/js_composer/assets/js/dist/js_composer_front.min.js?ver=8.3.1" id="wpb_composer_front_js-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://nextcloud.com/p/js_composer/assets/lib/vendor/node_modules/lightbox2/dist/js/lightbox.min.js?ver=8.3.1" id="lightbox2-js" data-rocket-defer defer></script> <script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }},{ elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="https://nextcloud.com/p/wp-rocket/assets/js/lazyload/17.8.3/lazyload.js"></script><a href="" title="Scroll Up" class="scroll_up" style=""><i class="fa fa-angle-up"></i></a> </body> </html>