content/experiment-control/sinara-core.md

@@ -46,6 +46,10 @@ For simple TTL signals, we offer I/O cards in the EEM form factor with 8 channel
 
 More information: <a href="https://github.com/sinara-hw/DIO_BNC/wiki" target="_blank" rel="noopener noreferrer">BNC card</a> <a href="https://github.com/sinara-hw/DIO_SMA/wiki" target="_blank" rel="noopener noreferrer">SMA card</a>
 
+<p style="padding-top: 8px">
+    <span class='doc-icon'></span> <a href="/docs/sinara-datasheets/2118-2128.pdf" target="_blank" rel="noopener noreferrer">2118/2128 BNC/SMA-TTL datasheet</a>
+</p>
+
 {% end %}
 
 {% layout_text_img(src="images/DIOMCX@2x.png", popup="images/origin/dio_mcx.jpg", alt="", textleft=true, shadow=false) %}
@@ -56,6 +60,10 @@ When higher densities or faster speeds are required, the Sinara 2238 MCX card is
 
 <a href="https://github.com/sinara-hw/DIO_MCX/wiki" target="_blank" rel="noopener noreferrer">More information</a>
 
+<p style="padding-top: 8px">
+    <span class='doc-icon'></span> <a href="/docs/sinara-datasheets/2238.pdf" target="_blank" rel="noopener noreferrer">2238 MCX-TTL datasheet</a>
+</p>
+
 {% end %}
 
 
@@ -70,6 +78,10 @@ Each RJ45 supplies 4 LVDS DIOs. The direction (input/output) is individually sel
 
 <a href="https://github.com/sinara-hw/DIO_RJ45/wiki" target="_blank" rel="noopener noreferrer">More information</a>
 
+<p style="padding-top: 8px">
+    <span class='doc-icon'></span> <a href="/docs/sinara-datasheets/2245.pdf" target="_blank" rel="noopener noreferrer">2245 LVDS-TTL datasheet</a>
+</p>
+
 {% end %}
 
 
@@ -123,6 +135,10 @@ In regular mode, various DDS features are supported, including frequency, phase
 
 <a href="https://github.com/sinara-hw/Urukul/wiki" target="_blank" rel="noopener noreferrer">More information</a>
 
+<p style="padding-top: 8px">
+    <span class='doc-icon'></span> <a href="/docs/sinara-datasheets/4410-4412.pdf" target="_blank" rel="noopener noreferrer">4410/4412 Urukul datasheet</a>
+</p>
+
 {% end %}
 
 
@@ -163,6 +179,10 @@ It is also possible to connect the Zotino using a HD68 cable to an external crat
 
 <a href="https://github.com/sinara-hw/Zotino/wiki" target="_blank" rel="noopener noreferrer">More information</a>
 
+<p style="padding-top: 8px">
+    <span class='doc-icon'></span> <a href="/docs/sinara-datasheets/5432.pdf" target="_blank" rel="noopener noreferrer">5432 Zotino datasheet</a>
+</p>
+
 {% end %}
 
 

sass/css/_base.scss

@@ -233,4 +233,13 @@ a[aria-expanded='true']:after {
   border: 1px solid $btn-primary-2 !important;
   background-color: transparent !important;
   color: $btn-primary-2 !important;
+}
+
+.doc-icon {
+  background: url('../images/pdf-icon.png');
+  height: 24px;
+  width: 24px;
+  margin-right: 12px;
+  display: block;
+  float: left;
 }

sass/css/_shop.scss

@@ -142,6 +142,21 @@ button {
                     padding: .3rem 0;
                 }
             }
+
+            .ds {
+                a {
+                    color: $link-primary-dark;
+                    text-decoration: underline;
+                    
+                    &:hover {
+                        color: $link-secondary-dark;
+                        text-decoration: none;
+                    }
+                }
+                font-size: .8rem;
+                margin: 0;
+                padding-left: 0px;
+            }
         }
     }
 

sass/css/styles.scss

@@ -21,6 +21,9 @@ $color-secondary:  #1a6d93 !default;
 $btn-primary-2:    #715ec7 !default;
 $btn-secondary-2:  #a88cfd !default;
 
+$link-primary-dark:    #c2affd !default;
+$link-secondary-dark:  #cec2ea !default;
+
 $color-hover:      #eae7f7 !default;
 
 // Import partials.

static/js/shop.jsx

@@ -415,6 +415,8 @@ class ProductItem extends React.PureComponent {
       currency: PropTypes.string.isRequired,
       image: PropTypes.string.isRequired,
       specs: PropTypes.array,
+      datasheet_file: PropTypes.string,
+      datasheet_name: PropTypes.string,
       onClickAddItem: PropTypes.func,
     };
   }
@@ -441,6 +443,8 @@ class ProductItem extends React.PureComponent {
       currency,
       image,
       specs,
+      datasheet_file,
+      datasheet_name,
     } = this.props;
 
     const render_specs = (specs && specs.length > 0 && (
@@ -451,6 +455,15 @@ class ProductItem extends React.PureComponent {
       </ul>
     ));
 
+    const render_datasheet_link = (datasheet_file && datasheet_name && (
+      <div className="ds">
+        <span class='doc-icon'></span>
+        <a href={datasheet_file} target="_blank" rel="noopener noreferrer">
+          {datasheet_name}
+        </a>
+      </div>
+    ));
+
     return (
       <section className="productItem">
 
@@ -463,6 +476,8 @@ class ProductItem extends React.PureComponent {
           <div className="price">{`${currency} ${formatMoney(price)}`}</div>
 
           {render_specs}
+
+          {render_datasheet_link}
         </div>
 
         <div className="content">
@@ -1513,6 +1528,8 @@ class Backlog extends React.PureComponent {
             currency={currency}
             image={`/images/${item.image}`}
             specs={item.specs}
+            datasheet_file={item.datasheet_file}
+            datasheet_name={item.datasheet_name}
             onClickAddItem={onClickAddItem}
         ></ProductItem>
       );

static/js/shop.min.js

@@ -452,6 +452,8 @@ var ProductItem = /*#__PURE__*/function (_React$PureComponent2) {
         currency: PropTypes.string.isRequired,
         image: PropTypes.string.isRequired,
         specs: PropTypes.array,
+        datasheet_file: PropTypes.string,
+        datasheet_name: PropTypes.string,
         onClickAddItem: PropTypes.func
       };
     }
@@ -487,12 +489,23 @@ var ProductItem = /*#__PURE__*/function (_React$PureComponent2) {
           price = _this$props2.price,
           currency = _this$props2.currency,
           image = _this$props2.image,
-          specs = _this$props2.specs;
+          specs = _this$props2.specs,
+          datasheet_file = _this$props2.datasheet_file,
+          datasheet_name = _this$props2.datasheet_name;
       var render_specs = specs && specs.length > 0 && /*#__PURE__*/React.createElement("ul", null, specs.map(function (spec, index) {
         return /*#__PURE__*/React.createElement("li", {
           key: index
         }, spec);
       }));
+      var render_datasheet_link = datasheet_file && datasheet_name && /*#__PURE__*/React.createElement("div", {
+        className: "ds"
+      }, /*#__PURE__*/React.createElement("span", {
+        "class": "doc-icon"
+      }), /*#__PURE__*/React.createElement("a", {
+        href: datasheet_file,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, datasheet_name));
       return /*#__PURE__*/React.createElement("section", {
         className: "productItem"
       }, /*#__PURE__*/React.createElement("div", {
@@ -503,7 +516,7 @@ var ProductItem = /*#__PURE__*/function (_React$PureComponent2) {
         }
       }, name), name_codename ? /*#__PURE__*/React.createElement("p", null, name_codename) : null, /*#__PURE__*/React.createElement("div", {
         className: "price"
-      }, "".concat(currency, " ").concat(formatMoney(price))), render_specs), /*#__PURE__*/React.createElement("div", {
+      }, "".concat(currency, " ").concat(formatMoney(price))), render_specs, render_datasheet_link), /*#__PURE__*/React.createElement("div", {
         className: "content"
       }, /*#__PURE__*/React.createElement("button", {
         onClick: this.handleOnClickAddItem.bind(this, index, true)
@@ -1552,6 +1565,8 @@ var Backlog = /*#__PURE__*/function (_React$PureComponent11) {
           currency: currency,
           image: "/images/".concat(item.image),
           specs: item.specs,
+          datasheet_file: item.datasheet_file,
+          datasheet_name: item.datasheet_name,
           onClickAddItem: onClickAddItem
         });
       });

static/js/shop_data.js

@@ -230,6 +230,8 @@ const shop_data = {
         'Minimum pulse width: 3ns.',
         'Max 150 MHz toggle rate with 50% duty cycle.'
       ],
+      datasheet_file: '/docs/sinara-datasheets/2118-2128.pdf',
+      datasheet_name: '2118/2128 BNC/SMA-TTL datasheet',
       size: 'big',
       type: null,
       hp: 8,
@@ -257,6 +259,8 @@ const shop_data = {
       specs: [
         'Same as above, but with SMA connectors.'
       ],
+      datasheet_file: '/docs/sinara-datasheets/2118-2128.pdf',
+      datasheet_name: '2118/2128 BNC/SMA-TTL datasheet',
       size: 'small',
       type: null,
       hp: 4,
@@ -288,6 +292,8 @@ const shop_data = {
         'No galvanic isolation.',
         'Higher speed and lower jitter than the isolated SMA and BNC DIO cards.'
       ],
+      datasheet_file: '/docs/sinara-datasheets/2238.pdf',
+      datasheet_name: '2238 MCX-TTL datasheet',
       size: 'small',
       type: null,
       hp: 4,
@@ -319,6 +325,8 @@ const shop_data = {
         'No galvanic isolation.',
         'Higher speed and lower jitter than the isolated SMA and BNC DIO cards.'
       ],
+      datasheet_file: '/docs/sinara-datasheets/2245.pdf',
+      datasheet_name: '2245 LVDS-TTL datasheet',
       size: 'small',
       type: null,
       hp: 4,
@@ -354,6 +362,8 @@ const shop_data = {
         'AD9910 and AD9912 cards can be used at the same time in the same crate.',
         'External 5W power amplifier is available separately, leave us a note if interested.'
       ],
+      datasheet_file: '/docs/sinara-datasheets/4410-4412.pdf',
+      datasheet_name: '4410/4412 Urukul datasheet',
       size: 'small',
       type: 'urukul',
       hp: 4,
@@ -432,6 +442,8 @@ const shop_data = {
         'Channels can also be broken out to BNC or SMA using IDC-BNC, IDC-SMA or IDC-MCX cards.',
         'DAC temperature can be stabilized using the Sinara 8451 Thermostat (sold separately).'
       ],
+      datasheet_file: '/docs/sinara-datasheets/5432.pdf',
+      datasheet_name: '5432 Zotino datasheet',
       size: 'small',
       type: 'zotino',
       hp: 4,