+                 { this.props.footer &&

+                   <div className="modal-footer">

+                     {this.props.footer}

+                   </div>

+                 }

+ export function backendCall(url, fetchConfig) {

+       const contentType = response.headers.get("content-type");

+       const isJson = (contentType && contentType.includes("application/json"))

+       let resultPromise = isJson ? response.json() : response.text();

+           if (isJson) {

+ export function apiCall(url, fetchConfig, extractData=true) {

+   return backendCall(url, fetchConfig).then(

+         if (extractData) {

+           return result.data;

+         } else {

+           return result;

+         }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import { apiCall } from '../../core/utils';

+ import Modal from '../../components/Modal';

+ import SelectLinkForm from "./SelectLinkForm";

+ import EditLinkForm from "./EditLinkForm";

+ 

+ 

+ export default class AddLinkDialog extends React.Component {

+ 

+   constructor(props) {

+     super(props);

+     this.state = {

+       linkData: undefined,

+       error: null,

+       isLoading: false,

+     };

+     this.selectUrl = this.selectUrl.bind(this);

+     this.fetchLinkData = this.fetchLinkData.bind(this);

+     this.addLink = this.addLink.bind(this);

+   }

+ 

+   selectUrl(url) {

+     this.fetchLinkData(url);

+   }

+ 

+   fetchLinkData(url) {

+     const serverUrl = `${this.props.url}?url=${url}`;

+     this.setState({isLoading: true});

+     apiCall(serverUrl).then(

+       (linkData) => {

+         this.setState({

+           linkData, isLoading: false});

+       },

+       (error) => {

+         this.setState({

+           error: error.message, isLoading: false});

+       }

+     );

+   }

+ 

+   addLink(link) {

+     this.props.addLink(link);

+   }

+ 

+   render() {

+     let content = null;

+     if (!this.state.linkData) {

+       content = (

+         <SelectLinkForm

+           onSelect={this.selectUrl}

+           isLoading={this.state.isLoading}

+           error={this.state.error}

+           />

+       );

+     } else {

+       content = (

+         <EditLinkForm

+           onSubmit={this.addLink}

+           isLoading={this.isLoading}

+           error={this.props.addError}

+           link={this.state.linkData}

+           submitText="Add link"

+           />

+       );

+     }

+     return (

+       <Modal

+         title="Add a link"

+         onCloseClicked={this.props.onCloseClicked}

+         isLarge={Boolean(this.state.linkData)}

+         cssClass="AddLink"

+         >

+         {content}

+       </Modal>

+     );

+   }

+ }

+ import React from 'react';

+ import SimpleWidgetConfig from '../../components/SimpleWidgetConfig';

+ 

+ 

+ // Use the default configuration, but filter out the "links" parameter.

+ 

+ export default function Config(props) {

+   const widgetParams = props.widget.params.filter((param) => (param.name !== "links"));

+   const filteredProps = {

+     ...props,

+     widget: {

+       ...props.widget,

+       params: widgetParams,

+     }

+   };

+   return (

+     <SimpleWidgetConfig {...filteredProps} />

+   );

+ }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import Modal from '../../components/Modal';

+ import EditLinkForm from "./EditLinkForm";

+ 

+ 

+ export default class EditLinkDialog extends React.Component {

+ 

+   render() {

+     if (!this.props.link) {

+       return null;

+     }

+     return (

+       <Modal

+         title="Edit link"

+         onCloseClicked={this.props.onCloseClicked}

+         isLarge={true}

+         cssClass="EditLink"

+         >

+         <EditLinkForm

+           onSubmit={this.props.editLink}

+           error={this.props.error}

+           link={this.props.link}

+           submitText="Edit link"

+           />

+       </Modal>

+     );

+   }

+ }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import Spinner from "../../components/Spinner";

+ import MissingThumb from "./library-missing-thumb-large.png";

+ 

+ 

+ export default class EditLinkForm extends React.Component {

+ 

+   constructor(props) {

+     super(props);

+     this.state = this.props.link;

+     this.onChange = this.onChange.bind(this);

+     this.onSubmit = this.onSubmit.bind(this);

+   }

+ 

+   onChange(e) {

+     const name = e.target.name;

+     const value = e.target.value;

+     this.setState({[name]: value});

+   }

+ 

+   onSubmit(e) {

+     e.preventDefault();

+     this.props.onSubmit(this.state);

+   }

+ 

+   render() {

+     return (

+       <form

+         onSubmit={this.onSubmit}

+         >

+         <div className="row">

+           <div className="col-12 text-truncate">

+             <span title={this.state.url}>

+               {this.state.url}

+             </span>

+           </div>

+         </div>

+         <div className="row">

+           <div className="col-3">

+             <img

+               alt="preview"

+               src={this.state.image || MissingThumb}

+               title="Preview"

+               className="link-preview border border-secondary mt-2"

+               />

+           </div>

+           <div className="col-9">

+             <div className="form-group">

+               <label className="col-form-label" htmlFor="title">

+                 Title

+               </label>

+               <input

+                 type="text"

+                 className="form-control"

+                 name="title"

+                 value={this.state.title}

+                 onChange={this.onChange}

+                 />

+             </div>

+             <div className="form-group">

+               <label className="col-form-label" htmlFor="description">

+                 Description

+               </label>

+               <textarea

+                 name="description"

+                 className="form-control"

+                 value={this.state.description}

+                 rows="3"

+                 onChange={this.onChange}

+                 />

+             </div>

+             <div className="form-group">

+               <button

+                 className="btn btn-primary"

+                 type="submit"

+                 disabled={this.props.isLoading}

+                 >

+                 {this.props.submitText}

+               </button>

+               { this.props.isLoading &&

+                 <Spinner />

+               }

+             </div>

+           </div>

+         </div>

+         { this.props.error &&

+             <div className="alert alert-warning">

+               {this.props.error}

+             </div>

+         }

+       </form>

+     );

+   }

+ }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import MissingThumb from "./library-missing-thumb.png";

+ 

+ 

+ export default class Link extends React.Component {

+ 

+   render() {

+     return (

+       <li className="Link media py-2">

+         <div className="mr-2 link-preview">

+           <img

+             className="link-preview mt-2"

+             src={this.props.image || MissingThumb}

+             />

+         </div>

+         <div className={`media-body ${this.props.showDropdown ? "pr-3" : ""}`}>

+           { this.props.showDropdown &&

+             <div

+               className="dropdown"

+               >

+               <a

+                 className="text-secondary dropdown-toggle"

+                 href="#"

+                 role="button"

+                 data-toggle="dropdown"

+                 aria-haspopup="true"

+                 aria-expanded="false"

+                 >

+               </a>

+               <div

+                 className="dropdown-menu dropdown-menu-right"

+                 aria-labelledby="dropdownMenuLink"

+                 >

+                 <a

+                   className="dropdown-item"

+                   href="#"

+                   onClick={this.props.onEdit}

+                   >

+                   Edit item

+                 </a>

+                 <a

+                   className="dropdown-item"

+                   href="#"

+                   onClick={this.props.onDelete}

+                   >

+                   Delete

+                 </a>

+               </div>

+             </div>

+           }

+           <a

+             href={this.props.url}

+             className="d-block"

+             target="_blank"

+             >

+             {this.props.title}

+           </a>

+           <p className="mb-0 description">

+             <small>

+               {this.props.description}

+             </small>

+           </p>

+         </div>

+       </li>

+     );

+   }

+ }

+ Link.propTypes = {

+   showDropDown: PropTypes.bool,

+   url: PropTypes.string.isRequired,

+   title: PropTypes.string.isRequired,

+   description: PropTypes.string,

+   onEdit: PropTypes.func,

+   onDelete: PropTypes.func,

+ }

+ Link.defaultProps = {

+   showDropDown: false,

+   description: null,

+ }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import Spinner from "../../components/Spinner";

+ 

+ 

+ export default class SelectLinkForm extends React.Component {

+ 

+   constructor(props) {

+     super(props);

+     this.state = {

+       url: "",

+     };

+     this.onInputChange = this.onInputChange.bind(this);

+     this.onSelect = this.onSelect.bind(this);

+   }

+ 

+   onInputChange(e) {

+     const value = e.target.value;

+     this.setState({url: value});

+   }

+ 

+   onSelect(e) {

+     e.preventDefault();

+     this.props.onSelect(this.state.url);

+   }

+ 

+   render() {

+     return (

+       <div>

+         <form className="form-inline" onSubmit={this.onSelect}>

+           <label className="sr-only" htmlFor="url">URL</label>

+           <input

+             type="text"

+             name="url"

+             className="form-control"

+             autoFocus={true}

+             placeholder="Enter an URL..."

+             value={this.state.url}

+             onChange={this.onInputChange}

+             />

+           <button

+             className="btn btn-primary mx-3"

+             type="submit"

+             disabled={this.props.isLoading}

+             >

+             Fetch URL

+           </button>

+           { this.props.isLoading &&

+             <Spinner circle={true} />

+           }

+         </form>

+         { this.props.error &&

+           <div className="alert alert-warning mt-3">

+             {this.props.error}

+           </div>

+         }

+       </div>

+     );

+   }

+ }

+ import React from 'react';

+ import PropTypes from 'prop-types';

+ import { connect } from 'react-redux';

+ import { apiCall } from '../../core/utils';

+ import WidgetChrome from '../../components/WidgetChrome';

+ import "./library.css";

+ import Link from "./Link";

+ import AddLinkDialog from "./AddLinkDialog";

+ import EditLinkDialog from "./EditLinkDialog";

+ import Pagination from "../../components/Pagination";

+ 

+ 

+ class LibraryWidget extends React.Component {

+ 

+   constructor(props) {

+     super(props);

+     this.state = {

+       links: [],

+       page: null,

+       error: null,

+       isLoading: false,

+       isAddDialogOpened: false,

+       editingLink: false,

+     };

+     this.loadFromServer = this.loadFromServer.bind(this);

+     this.changePage = this.changePage.bind(this);

+     this.onAddDialogOpen = this.onAddDialogOpen.bind(this);

+     this.onAddDialogClose = this.onAddDialogClose.bind(this);

+     this.addLink = this.addLink.bind(this);

+     this.onEditDialogClose = this.onEditDialogClose.bind(this);

+     this.saveEditedLink = this.saveEditedLink.bind(this);

+     this.clearError = this.clearError.bind(this);

+   }

+ 

+   componentDidMount() {

+     if (!this.props.editMode) {

+       this.loadFromServer();

+     }

+   }

+ 

+   loadFromServer(pageNr=1) {

+     const url = `${this.props.widget.urls.data}?page=${pageNr}`;

+     apiCall(url, {}, false).then(

+       (result) => {

+         this.setState({

+           links: result.data,

+           page: result.page,

+           error: null,

+         });

+       },

+       (error) => {

+         console.log(error);

+         this.setState({

+           error: error.message

+         });

+       }

+     );

+   }

+ 

+   changePage(pageNr) {

+     this.loadFromServer(pageNr);

+   }

+ 

+   onAddDialogOpen(e) {

+     this.setState({isAddDialogOpened: true});

+   }

+ 

+   onAddDialogClose(e) {

+     this.setState({isAddDialogOpened: false});

+   }

+ 

+   addLink(link) {

+     const body = JSON.stringify(link);

+     apiCall(this.props.widget.urls.data, {method: "POST", body}).then(

+       (result) => {

+         this.setState((prevState, props) => ({

+             links: [...prevState.links, link], // Optimistic update.

+             isAddDialogOpened: false,

+             error: null,

+           })

+         );

+         this.loadFromServer();

+       },

+       (error) => {

+         console.log(error);

+         this.setState({

+           error: error.message

+         });

+       }

+     );

+   }

+ 

+   editLink(index, e) {

+     e.preventDefault();

+     this.setState((prevState, props) => ({

+       editingLink: prevState.links[index]

+     }));

+   }

+ 

+   onEditDialogClose(e) {

+     this.setState({editingLink: false});

+   }

+ 

+   saveEditedLink(link) {

+     const body = JSON.stringify(link);

+     apiCall(this.props.widget.urls.data, {method: "PUT", body}).then(

+       (result) => {

+         this.setState((prevState, props) => ({

+             links: prevState.links.map((l) => {

+               if (l.url === link.url) {

+                 return link;

+               }

+               return l;

+             }),

+             editingLink: false,

+             error: null,

+           })

+         );

+         this.loadFromServer();

+       },

+       (error) => {

+         console.log(error);

+         this.setState({

+           error: error.message

+         });

+       }

+     );

+   }

+ 

+   deleteLink(index, e) {

+     e.preventDefault();

+     const link = this.state.links[index];

+     const body = JSON.stringify(link);

+     apiCall(this.props.widget.urls.data, {method: "DELETE", body}).then(

+       (result) => {

+         this.setState((prevState, props) => ({

+             links: prevState.links.filter((l) => (l.url !== link.url)),

+             editingLink: false,

+           })

+         );

+         this.loadFromServer();

+       },

+       (error) => {

+         console.log(error);

+         this.setState({

+           error: error.message

+         });

+       }

+     );

+   }

+ 

+   clearError(e) {

+     e.preventDefault();

+     this.setState({error: null});

+   }

+ 

+   render() {

+     const links = this.state.links.map((link, index) => (

+       <Link

+         key={link.url}

+         {...link}

+         onEdit={this.editLink.bind(this, index)}

+         onDelete={this.deleteLink.bind(this, index)}

+         showDropdown={this.props.currentUser.perms.config_hub}

+         />

+       )

+     );

+     return (

+       <WidgetChrome

+         widget={this.props.widget}

+         editMode={this.props.editMode}

+         >

+         <div className="widget-library p-2">

+           { this.state.error &&

+             <div className="alert alert-warning">

+               {this.state.error}

+               <button

+                 type="button"

+                 className="close"

+                 aria-label="Close"

+                 onClick={this.clearError}

+                 >

+                 <span aria-hidden="true">&times;</span>

+               </button>

+             </div>

+           }

+           { links.length > 0 ?

+             <div>

+               <ul className="list-unstyled">

+                 {links}

+               </ul>

+               { this.state.page.total_pages > 1 &&

+                 <Pagination

+                   page={this.state.page}

+                   onPageChange={this.changePage}

+                   className="mt-2 justify-content-center pagination-sm"

+                   />

+               }

+             </div>

+             :

+             <p className="text-secondary">

+               <em>No links yet.</em>

+             </p>

+           }

+           {this.props.currentUser.perms.config_hub &&

+             <div>

+               <div className="text-center">

+                 <button

+                   className="btn btn-secondary btn-sm"

+                   onClick={this.onAddDialogOpen}

+                   >

+                   Add a New Item

+                 </button>

+               </div>

+               {this.state.isAddDialogOpened &&

+                 <AddLinkDialog

+                   onCloseClicked={this.onAddDialogClose}

+                   addLink={this.addLink}

+                   addError={this.state.error}

+                   url={this.props.widget.urls.getLink}

+                   />

+               }

+             </div>

+           }

+           <EditLinkDialog

+             link={this.state.editingLink}

+             editLink={this.saveEditedLink}

+             onCloseClicked={this.onEditDialogClose}

+             error={this.props.error}

+             />

+         </div>

+       </WidgetChrome>

+     );

+   }

+ }

+ 

+ const mapStateToProps = (state) => {

+   return {

+     currentUser: state.currentUser,

+   }

+ };

+ 

+ export default connect(mapStateToProps)(LibraryWidget);

+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>

+ <!-- Created with Inkscape (http://www.inkscape.org/) -->

+ 

+ <svg

+    xmlns:dc="http://purl.org/dc/elements/1.1/"

+    xmlns:cc="http://creativecommons.org/ns#"

+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

+    xmlns:svg="http://www.w3.org/2000/svg"

+    xmlns="http://www.w3.org/2000/svg"

+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+    width="72"

+    height="72"

+    viewBox="0 0 0.75 0.75"

+    version="1.1"

+    id="svg80330"

+    sodipodi:docname="library-item-no-thumb-filler.svg"

+    inkscape:version="0.92.2 5c3e80d, 2017-08-06">

+   <defs

+      id="defs80323" />

+   <sodipodi:namedview

+      inkscape:document-units="px"

+      pagecolor="#ffffff"

+      bordercolor="#666666"

+      borderopacity="1.0"

+      inkscape:pageopacity="0.0"

+      inkscape:pageshadow="2"

+      inkscape:zoom="1"

+      inkscape:cx="68.999847"

+      inkscape:cy="-247.61716"

+      inkscape:current-layer="layer1"

+      id="namedview80325"

+      showgrid="false"

+      inkscape:window-width="1280"

+      inkscape:window-height="1376"

+      inkscape:window-x="1280"

+      inkscape:window-y="27"

+      inkscape:window-maximized="0"

+      units="px"

+      width="1080px"

+      inkscape:pagecheckerboard="false"

+      objecttolerance="2"

+      inkscape:snap-path-clip="false"

+      inkscape:snap-path-mask="false"

+      gridtolerance="2"

+      guidetolerance="10"

+      inkscape:snap-perpendicular="true"

+      inkscape:snap-tangential="true"

+      fit-margin-top="0"

+      fit-margin-left="0"

+      fit-margin-right="0"

+      fit-margin-bottom="0" />

+   <metadata

+      id="metadata80327">

+     <rdf:RDF>

+       <cc:Work

+          rdf:about="">

+         <dc:format>image/svg+xml</dc:format>

+         <dc:type

+            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />

+         <dc:title></dc:title>

+         <dc:creator>

+           <cc:Agent>

+             <dc:title>Máirín Duffy &lt;duffy@redhat.com&gt;</dc:title>

+           </cc:Agent>

+         </dc:creator>

+       </cc:Work>

+     </rdf:RDF>

+   </metadata>

+   <g

+      inkscape:label="Layer 1"

+      inkscape:groupmode="layer"

+      id="layer1"

+      transform="translate(-8.5833349,2.9855955)">

+     <rect

+        inkscape:export-ydpi="226.66672"

+        inkscape:export-xdpi="226.66672"

+        inkscape:export-filename="/home/duffy/library-missing-thumb.png"

+        y="-2.9855955"

+        x="8.5833349"

+        height="0.75"

+        width="0.75"

+        id="rect817585"

+        style="opacity:1;fill:#58595b;fill-opacity:1;stroke:none;stroke-width:0.01041667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.99999952" />

+     <g

+        id="use819155"

+        style="fill:#e7e8e9;fill-opacity:1;stroke-width:0.01486988"

+        transform="matrix(0.00729709,0,0,0.00729709,8.6781267,-2.9375051)">

+       <title

+          id="title918616">Globe</title>

+       <path

+          inkscape:connector-curvature="0"

+          id="path918618"

+          d="m 768,1408 q 209,0 385.5,-103 Q 1330,1202 1433,1025.5 1536,849 1536,640 1536,431 1433,254.5 1330,78 1153.5,-25 977,-128 768,-128 559,-128 382.5,-25 206,78 103,254.5 0,431 0,640 0,849 103,1025.5 206,1202 382.5,1305 559,1408 768,1408 Z m 274,-521 q -2,-1 -9.5,-9.5 -7.5,-8.5 -13.5,-9.5 2,0 4.5,5 2.5,5 5,11 2.5,6 3.5,7 6,7 22,15 14,6 52,12 34,8 51,-11 -2,2 9.5,13 11.5,11 14.5,12 3,2 15,4.5 12,2.5 15,7.5 l 2,22 q -12,-1 -17.5,7 -5.5,8 -6.5,21 0,-2 -6,-8 0,7 -4.5,8 -4.5,1 -11.5,-1 -7,-2 -9,-1 -10,3 -15,7.5 -5,4.5 -8,16.5 -3,12 -4,15 -2,5 -9.5,10.5 -7.5,5.5 -9.5,10.5 -1,2 -2.5,5.5 -1.5,3.5 -3,6.5 -1.5,3 -4,5.5 -2.5,2.5 -5.5,2.5 -3,0 -7,-5 -4,-5 -7.5,-10 -3.5,-5 -4.5,-5 -3,2 -6,1.5 -3,-0.5 -4.5,-1 -1.5,-0.5 -4.5,-3 -3,-2.5 -5,-3.5 -3,-2 -8.5,-3 -5.5,-1 -8.5,-2 15,5 -1,11 -10,4 -16,3 9,4 7.5,12 -1.5,8 -8.5,14 h 5 q -1,4 -8.5,8.5 -7.5,4.5 -17.5,8.5 -10,4 -13,6 -8,5 -34,9.5 -26,4.5 -33,0.5 -5,-6 -4.5,-10.5 0.5,-4.5 4,-14 3.5,-9.5 3.5,-12.5 1,-6 -5.5,-13 -6.5,-7 -6.5,-12 0,-7 14,-15.5 14,-8.5 10,-21.5 -3,-8 -16,-16 -13,-8 -16,-12 -5,-8 -1.5,-18.5 Q 907,958 914,952 q 2,-2 1.5,-4 -0.5,-2 -3.5,-4.5 -3,-2.5 -5.5,-4 Q 904,938 900,936 l -3,-2 q -11,-5 -20.5,6 -9.5,11 -13.5,26 -7,25 -16,30 -23,8 -29,-1 -5,13 -41,26 -25,9 -58,4 6,1 0,15 -7,15 -19,12 3,6 4,17.5 1,11.5 1,13.5 3,13 12,23 1,1 7,8.5 6,7.5 9.5,13.5 3.5,6 0.5,6 35,-4 50,11 5,5 11.5,17 6.5,12 10.5,17 9,6 14,5.5 5,-0.5 14.5,-5.5 9.5,-5 14.5,-5 14,-1 15.5,11 1.5,12 -7.5,20 12,-1 3,17 -5,7 -8,9 -12,4 -27,-5 -8,-4 2,-8 -1,1 -9.5,-10.5 Q 809,1196 801,1190 q -8,-6 -16,5 -1,1 -5.5,13.5 -4.5,12.5 -9.5,13.5 -8,0 -16,-15 3,8 -11,15 -14,7 -24,8 19,12 -8,27 -7,4 -20.5,5 -13.5,1 -19.5,-4 -5,-7 -5.5,-11.5 -0.5,-4.5 5,-8 5.5,-3.5 10.5,-5.5 5,-2 11.5,-4 6.5,-2 8.5,-3 14,-10 8,-14 -2,-1 -8.5,-3.5 -6.5,-2.5 -11.5,-4.5 -5,-2 -6,-4 -3,-4 0,-14 3,-10 -2,-14 -5,5 -9,17.5 -4,12.5 -7,16.5 7,-9 -25,-6 l -10,1 q -4,0 -16,-2 -12,-2 -20.5,-1 -8.5,1 -13.5,8 -4,8 0,20 1,4 4,2 -4,3 -11,9.5 -7,6.5 -10,8.5 -46,-15 -94,-41 6,-1 12,1 5,2 13,6.5 8,4.5 10,5.5 34,14 42,7 l 5,5 q 14,-16 20,-25 -7,4 -30,1 -20,-6 -22,-12 7,-12 5,-18 -4,3 -11.5,10 -7.5,7 -14.5,11 -7,4 -15,5 -16,0 -22,-1 -146,-80 -235,-222 7,-7 12,-8 4,-1 5,-9 1,-8 2.5,-11 1.5,-3 11.5,3 9,-8 3,-19 1,1 44,-27 19,-17 21,-21 3,-11 -10,-18 -1,2 -9,9 -8,7 -9,4 -3,-5 0.5,-18.5 Q 301,850 308,851 301,851 298.5,835 296,819 296,799.5 296,780 295,776 l 2,-1 q -3,-12 5.5,-34.5 Q 311,718 324,721 q -13,-3 20,-43 6,-8 8,-9 3,-2 12,-7.5 9,-5.5 15,-10 6,-4.5 10,-10.5 4,-5 10,-22.5 6,-17.5 14,-23.5 -2,-6 9.5,-20 11.5,-14 10.5,-23 -1,0 -2.5,-1 -1.5,-1 -2.5,-1 3,-7 15.5,-14 12.5,-7 15.5,-13 1,-3 2,-10 1,-7 3,-11 2,-4 8,-2 2,20 -24,62 -15,25 -17,29 -3,5 -5.5,15.5 -2.5,10.5 -4.5,14.5 2,0 6,-1.5 4,-1.5 8.5,-3.5 4.5,-2 7.5,-4 3,-2 2,-3 -3,-7 2,-17.5 5,-10.5 12,-18.5 7,-8 17,-19 10,-11 12,-13 6,-6 14,-19.5 8,-13.5 0,-13.5 9,0 20,-10 11,-10 17,-20 5,-8 8,-26 3,-18 5,-24 2,-7 8.5,-13.5 Q 567,408 573,405 l 16,-8 q 0,0 13,-7 5,-2 18.5,-10.5 Q 634,371 642,368 q 10,-4 16,-4 6,0 14.5,2.5 8.5,2.5 13.5,3.5 15,2 29,-15 14,-17 21,-21 36,-19 55,-11 -2,-1 0.5,-7.5 2.5,-6.5 8,-15.5 5.5,-9 9,-14.5 3.5,-5.5 5.5,-8.5 5,-6 18,-15 13,-9 18,-15 6,4 7,9 -3,-8 7,-20 10,-12 18,-10 14,3 14,32 -31,-15 -49,18 0,1 -2.5,5.5 -2.5,4.5 -4,8.5 -1.5,4 -2.5,8.5 -1,4.5 0,7.5 1,3 5,3 9,0 10,3.5 1,3.5 -2,12.5 -3,9 -4,13 -1,8 -11,20 -10,12 -12,15 -5,-9 -16,-8 -11,1 -16,9 0,-1 -1.5,-5.5 -1.5,-4.5 -1.5,-6.5 -13,0 -15,1 1,3 2.5,17.5 1.5,14.5 3.5,22.5 1,4 5.5,12 4.5,8 7.5,14.5 3,6.5 4,12.5 1,6 -4.5,9.5 -5.5,3.5 -17.5,2.5 -19,-1 -26,-20 -1,-3 -3,-10.5 -2,-7.5 -5,-11.5 -3,-4 -9,-7 -7,-3 -24,-2 -17,1 -24,5 -13,8 -22.5,29 -9.5,21 -9.5,37 0,10 2.5,26.5 2.5,16.5 3,25 0.5,8.5 -5.5,24.5 3,2 9,9.5 6,7.5 10,10.5 2,1 4.5,1.5 2.5,0.5 4.5,0 2,-0.5 4,1.5 2,2 3,6 -1,1 -4,3 -3,3 -4,3 7,-3 28.5,1.5 21.5,4.5 27.5,-1.5 15,-11 22,2 0,1 -2.5,9.5 -2.5,8.5 -0.5,13.5 5,-27 29,-9 3,-3 15.5,-5 12.5,-2 17.5,-5 3,-2 7,-5.5 4,-3.5 5.5,-4.5 1.5,-1 5,0.5 3.5,1.5 8.5,6.5 10,-14 12,-24 11,-40 19,-44 7,-3 11,-2 4,1 4.5,9.5 0.5,8.5 0,14 Q 888,547 887,554 l -1,8 v 18 l -1,8 q -15,3 -18.5,12 -3.5,9 1.5,18.5 5,9.5 15,18.5 1,1 8,3.5 7,2.5 15.5,6.5 8.5,4 12.5,8 21,19 15,35 7,0 11,9 -1,0 -5,3 -4,3 -7.5,5 -3.5,2 -4.5,2 9,5 2,16 5,3 7.5,11 2.5,8 7.5,10 9,-12 21,-2 7,8 1,16 5,7 20.5,10.5 15.5,3.5 18.5,9.5 7,-2 8,2 1,4 1,12 0,8 3,12 4,5 15,9 11,4 13,5 l 17,11 q 3,4 0,4 18,-2 31,11 10,11 -6,20 3,6 -3,9.5 -6,3.5 -15,5.5 3,1 11.5,0.5 8.5,-0.5 10.5,1.5 15,10 -7,16 -17,5 -43,-12 z M 879,10 q 206,36 351,189 -3,3 -12.5,4.5 -9.5,1.5 -12.5,3.5 -18,7 -24,8 1,7 -2.5,13 -3.5,6 -8,9 -4.5,3 -12.5,8 -8,5 -11,7 -2,2 -7,6 -5,4 -7,5.5 -2,1.5 -7.5,4.5 -5.5,3 -8.5,2 -3,-1 -10,-1 l -3,-1 q -3,-1 -5.5,-2.5 -2.5,-1.5 -5.5,-3 -3,-1.5 -4,-3 -1,-1.5 0,-2.5 -21,17 -36,22 -5,1 -11,5.5 -6,4.5 -10.5,7 -4.5,2.5 -10,1.5 -5.5,-1 -11.5,-7 -5,-5 -6,-15 -1,-10 -2,-13 -7,5 0,17.5 7,12.5 2,18.5 -3,6 -10.5,4.5 -7.5,-1.5 -12,-4.5 -4.5,-3 -11.5,-8.5 -7,-5.5 -9,-6.5 -2,-1 -8.5,-5.5 -6.5,-4.5 -8.5,-7.5 -3,-4 -6,-12 -3,-8 -5,-11 -2,4 -11.5,6.5 -9.5,2.5 -9.5,5.5 2,-10 4,-35 2,-25 5,-38 7,-31 -12,-48 -27,-25 -29,-40 -4,-22 12,-26 0,-7 -8,-20.5 -8,-13.5 -7,-21.5 0,-6 2,-16 z"

+          transform="matrix(0.05,0,0,-0.05,0,76.8)"

+          style="stroke-width:0.01486988" />

+     </g>

+   </g>

+ </svg>

+ .widget-library div.link-preview {

+   max-width: 25%;

+ }

+ .widget-library img.link-preview {

+   width: 100%;

+   display: inline-block;

+ }

+ 

+ 

+ .widget-library .Link {

+     border-bottom: 1px solid #eee;

+ }

+ 

+ .widget-library .Link .dropdown {

+     position: absolute;

+     right: .5em;

+ }

+ 

+ .widget-library .Link .description {

+     line-height: 1;

+ }

+ interactions:

+ - request:

+     body: null

+     headers:

+       Accept: ['*/*']

+       Accept-Encoding: ['gzip, deflate']

+       Connection: [keep-alive]

+       User-Agent: [python-requests/2.18.4]

+     method: GET

+     uri: http://fedoraproject.org/wiki/Design

+   response:

+     body:

+       string: !!binary |

+         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