aladdin 0.0.8 → 0.1.0.pre

data/lib/aladdin/render/templates/short.rb

@@ -1,30 +0,0 @@
-# ~*~ encoding: utf-8 ~*~
-module Aladdin
-
-  module Render
-
-    # Renders short questions marked up in JSON as HTML.
-    # @example
-    #     {
-    #       "format": "short",
-    #       "question": "What is the most commonly used word in English?",
-    #       "answer": "the"
-    #     }
-    class Short < Problem
-
-      # Name of template file for rendering short answer questions.
-      TEMPLATE = 'short.haml'
-
-      # Checks if the given json contains a valid MCQ.
-      # @return [Boolean] true iff the json contains a valid MCQ.
-      def valid?
-        super and
-          not @json[ANSWER].nil?
-      end
-
-    end
-
-  end
-
-end
-

data/lib/aladdin/render/templates/table.rb

@@ -1,109 +0,0 @@
-# ~*~ encoding: utf-8 ~*~
-module Aladdin
-
-  module Render
-
-    # Renders table problems marked up in JSON as HTML.
-    #
-    # The grid should be given as a 2-dimensional array that represents the
-    # table to be filled in. +"?"+ is a special token used in the grid to
-    # indicate cells that require student input.
-    #
-    # The answer should also be given as a 2-dimensional array. However, a
-    # dummy token may be used in cells that do not require student input to
-    # cut redundancy. In the example below, the +"-"+ token is used.
-    #
-    # @example
-    #     {
-    #       "format": "table",
-    #       "question": "fill me in",
-    #       "grid": [[0, "?", 2], [3, "?", 5]],
-    #       "answer": [["-", 1, "-"],  ["-", 4, "-"]
-    #     }
-    class Table < Problem
-
-      # Name of template file for rendering table problems.
-      TEMPLATE = 'table.haml'
-
-      # Optional headings key.
-      HEADINGS = 'headings'
-
-      # Required grid key.
-      GRID = 'grid'
-
-      # Special token indicating that the cell should be filled in.
-      FILL_ME_IN = '?'
-
-      accessor HEADINGS, GRID
-
-      # Ensures that the +headings+ key exists.
-      def initialize(json)
-        json[HEADINGS] ||= nil
-        super
-      end
-
-      # Checks if the given json contains a valid table.
-      # @return [Boolean] true iff the json contains a valid table.
-      def valid?
-        super and
-          valid_grid? and
-          valid_answer?
-      end
-
-      # Gets the expected answer, in www-form-urlencoded format.
-      # @return [Hash] answers, as expected from student's form submission
-      def answer
-        return @answer unless @answer.nil?
-        @answer = encode_answer
-      end
-
-      # @return [Boolean] true iff the given cell is an input cell
-      def self.input?(cell)
-        cell == FILL_ME_IN
-      end
-
-      private
-
-      # Iterates through each cell in the provided grid to look for answers
-      # cells that require input and takes the answer from the answers array.
-      # For example, if the answer for a cell at [0][1] is 6, the returned
-      # hash will contain
-      #
-      #     {'0' => {'1' => 6}}
-      #
-      # @return [Hash] answers
-      def encode_answer
-        encoded, ans = {}, @json[ANSWER]
-        grid.each_with_index do |row, i|
-          row.each_with_index do |cell, j|
-            next unless Table.input? cell
-            encoded[i.to_s] ||= {}
-            encoded[i.to_s][j.to_s] = serialize ans[i][j]
-          end
-        end
-        encoded
-      end
-
-      # @return [Boolean] true iff the json contains a valid grid.
-      def valid_grid?
-        @json.has_key? GRID and is_2d_array? grid
-      end
-
-      # @return [Boolean] true iff +answer+ is a valid 2D array and has the
-      # same number of rows as +grid+.
-      def valid_answer?
-        ans = @json[ANSWER]
-        is_2d_array? ans and ans.size == grid.size
-      end
-
-      # @return [Boolean] true iff +t+ is a 2-dimensional array.
-      def is_2d_array?(t)
-        t.is_a? Array and t.all? { |row| row.is_a? Array }
-      end
-
-    end
-
-  end
-
-end
-

data/lib/aladdin/render/templates/template.rb

@@ -1,34 +0,0 @@
-# ~*~ encoding: utf-8 ~*~
-module Aladdin
-
-  module Render
-
-    # Base class for all templates. Child classes should provide a +TEMPLATE+
-    # string constant that contains the path to the relevant HAML file.
-    class Template
-
-      # Renders the given problem using {#view}.
-      # @todo TODO should probably show some error message in the preview,
-      # so that the author doesn't have to read the logs.
-      # @param [Hash] locals         local variables to pass to the template
-      def render(locals={})
-        view.render Object.new, locals
-      end
-
-      private
-
-      # Retrieves the +view+ singleton. If it is nil, initializes it from
-      # +self.class.TEMPLATE+. Note that this is reloaded with every refresh so
-      # I can edit the templates without refreshing.
-      # @return [Haml::Engine] haml engine
-      def view
-        return @view unless @view.nil?
-        file = File.join Aladdin::VIEWS[:haml], self.class::TEMPLATE
-        @view = Haml::Engine.new(File.read file, format: :html5)
-      end
-
-    end
-
-  end
-
-end

data/lib/aladdin/support/logger.rb

@@ -1,29 +0,0 @@
-# ~*~ encoding: utf-8 ~*~
-require 'active_support/core_ext/logger'
-
-module Aladdin
-
-  module Support
-
-    # Provides a convenient global logger.
-    # @example
-    #   class X
-    #     include Logger
-    #     def x; logger.info "hey"; end
-    #   end
-    # @todo FIXME allow configuration
-    module Logger
-
-      # Global logger.
-      LOGGER = ::Logger.new(STDOUT)
-
-      # Retrieves the global logger.
-      def logger
-        Logger::LOGGER
-      end
-
-    end
-
-  end
-
-end

data/skeleton/manifest.json

@@ -1,10 +0,0 @@
-{
-  "title": "A Genie Lesson",
-  "description": "Hello World! Welcome to your first lesson.",
-  "categories": [
-    "ruby",
-    "programming",
-    "software"
-  ],
-  "static_paths": ["images"]
-}

data/views/haml/exe.haml

@@ -1,5 +0,0 @@
--# coding: UTF-8
-%form{id: id}
-  %input.ex-raw{type: 'hidden', value: raw}
-  %input.ex-id{type: 'hidden', value: id}
-  %a.button.run{href: "#"} Run

data/views/haml/header.haml

@@ -1,5 +0,0 @@
--# coding: UTF-8
--haml_tag ('h%d' % level).to_sym do
-  %a.anchor{name: name, href: '#' + name, 'data-magellan-destination' => name}
-    %i.foundicon-paper-clip
-  =text

data/views/haml/img.haml

@@ -1,6 +0,0 @@
--# coding: UTF-8
-.block-image
-  = img
-  %p
-    %strong Figure #{index}:
-    = caption

data/views/haml/multi.haml

@@ -1,16 +0,0 @@
--# coding: UTF-8
-%form.problem{action: 'verify/problem/' + id, 'accept-charset' => 'UTF-8', id: "problem_#{id}", method: 'post'}
-  %fieldset
-
-    %legend Problem #{index}
-    %p= question
-
-    .row.collapse
-      .ten.mobile-three.columns
-        -options.each do |value, label|
-          %label{for: 'answer'}
-            %input{name: 'answer', type: 'radio', value: value}
-              = label
-      .two.mobile-one.columns
-        %a.button.submit.small.expand.postfix.radius{href: '#'} Submit
-

data/views/haml/nav.haml

@@ -1,5 +0,0 @@
--# coding: UTF-8
-%dl#sections.sub-nav{'data-magellan-expedition' => 'fixed'}
-  -sections.each do |name, heading|
-    %dd{'data-magellan-arrival' => name}
-      %a{href: '#' + name}= heading

data/views/haml/short.haml

@@ -1,12 +0,0 @@
--# coding: UTF-8
-%form.problem{action: 'verify/problem/' + id, 'accept-charset' => 'UTF-8', id: "problem_#{id}", method: 'post'}
-  %fieldset
-
-    %legend Problem #{index}
-    %p= question
-
-    .row.collapse
-      .ten.mobile-three.columns
-        %input{name: 'answer', type: 'text'}
-      .two.mobile-one.columns
-        %a.button.small.submit.expand.postfix.radius{href: '#'} Submit

data/views/haml/table.haml

@@ -1,28 +0,0 @@
--# coding: UTF-8
-%form.problem{action: 'verify/problem/' + id, 'accept-charset' => 'UTF-8', id: "problem_#{id}", method: 'post'}
-  %fieldset
-
-    %legend Problem #{index}
-    %p= question
-
-    .row
-      .twelve.columns
-        %table
-          %thead
-            -if headings
-              %tr
-                -headings.each do |heading|
-                  %th= heading
-
-          %tbody
-            -grid.each_with_index do |row, i|
-              %tr
-                -row.each_with_index do |cell, j|
-                  %td
-                    - if Aladdin::Render::Table.input? cell
-                      %input{name: "answer[#{i}][#{j}]", type: 'text'}
-                    - else
-                      = cell
-    .row
-      .two.columns.mobile-one
-        %a.button.small.submit.radius{href: '#'} Submit

data/views/scss/_forms.scss

@@ -1,9 +0,0 @@
-@import "settings";
-
-/* Successes */
-.success input, input.success, .success textarea, textarea.success { border-color: $successColor; background-color: rgba($successColor, 0.1); }
-.success label, label.success { color: $successColor; }
-.success small, small.success { display: block; padding: 6px 4px; margin-top: -($formSpacing) - 1; margin-bottom: $formSpacing; background: $successColor; color: #fff; font-size: ms(0) - 2; font-weight: bold; @include border-corner-radius(bottom, $defaultFloat, $inputBorderRadius); @include border-corner-radius(bottom, $defaultOpposite, $inputBorderRadius); }
-.success textarea, textarea.success {
-  &:focus { background: darken($white, 2%); border-color: darken($white, 30%); }
-}

data/views/scss/_github.scss

@@ -1,65 +0,0 @@
-/*
- * Taken from https://github.com/richleland/pygments-css/, but it probably
- * belongs to GitHub.
- */
-.hll { background-color: #ffffcc }
-.c { color: #999988; font-style: italic } /* Comment */
-.err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.k { color: #000000; font-weight: bold } /* Keyword */
-.o { color: #000000; font-weight: bold } /* Operator */
-.cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
-.c1 { color: #999988; font-style: italic } /* Comment.Single */
-.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.ge { color: #000000; font-style: italic } /* Generic.Emph */
-.gr { color: #aa0000 } /* Generic.Error */
-.gh { color: #999999 } /* Generic.Heading */
-.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.go { color: #888888 } /* Generic.Output */
-.gp { color: #555555 } /* Generic.Prompt */
-.gs { font-weight: bold } /* Generic.Strong */
-.gu { color: #aaaaaa } /* Generic.Subheading */
-.gt { color: #aa0000 } /* Generic.Traceback */
-.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
-.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
-.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
-.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
-.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
-.kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.m { color: #009999 } /* Literal.Number */
-.s { color: #d01040 } /* Literal.String */
-.na { color: #008080 } /* Name.Attribute */
-.nb { color: #0086B3 } /* Name.Builtin */
-.nc { color: #445588; font-weight: bold } /* Name.Class */
-.no { color: #008080 } /* Name.Constant */
-.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
-.ni { color: #800080 } /* Name.Entity */
-.ne { color: #990000; font-weight: bold } /* Name.Exception */
-.nf { color: #990000; font-weight: bold } /* Name.Function */
-.nl { color: #990000; font-weight: bold } /* Name.Label */
-.nn { color: #555555 } /* Name.Namespace */
-.nt { color: #000080 } /* Name.Tag */
-.nv { color: #008080 } /* Name.Variable */
-.ow { color: #000000; font-weight: bold } /* Operator.Word */
-.w { color: #bbbbbb } /* Text.Whitespace */
-.mf { color: #009999 } /* Literal.Number.Float */
-.mh { color: #009999 } /* Literal.Number.Hex */
-.mi { color: #009999 } /* Literal.Number.Integer */
-.mo { color: #009999 } /* Literal.Number.Oct */
-.sb { color: #d01040 } /* Literal.String.Backtick */
-.sc { color: #d01040 } /* Literal.String.Char */
-.sd { color: #d01040 } /* Literal.String.Doc */
-.s2 { color: #d01040 } /* Literal.String.Double */
-.se { color: #d01040 } /* Literal.String.Escape */
-.sh { color: #d01040 } /* Literal.String.Heredoc */
-.si { color: #d01040 } /* Literal.String.Interpol */
-.sx { color: #d01040 } /* Literal.String.Other */
-.sr { color: #009926 } /* Literal.String.Regex */
-.s1 { color: #d01040 } /* Literal.String.Single */
-.ss { color: #990073 } /* Literal.String.Symbol */
-.bp { color: #999999 } /* Name.Builtin.Pseudo */
-.vc { color: #008080 } /* Name.Variable.Class */
-.vg { color: #008080 } /* Name.Variable.Global */
-.vi { color: #008080 } /* Name.Variable.Instance */
-.il { color: #009999 } /* Literal.Number.Integer.Long */

data/views/scss/_mathjax.scss

@@ -1,5 +0,0 @@
-@import "settings";
-
-.MathJax {
-  color: darken($mainColor, 20%);
-}

data/views/scss/_pygment.scss

@@ -1,15 +0,0 @@
-@import "settings";
-
-/* code blocks */
-pre {
-  background-color: lighten(#000, 97.5%);
-  border: 1px solid lighten(#000, 80%);
-  overflow: auto;
-  padding: 6px 10px;
-  border-radius: $tableBorderRadius;
-  font-size: ms(0) - 1;
-  line-height: 1.6;
-  font-family: Consolas, 'Liberation Mono', monospace;
-  margin-bottom: ms(1);
-  -webkit-font-smoothing: auto;
-}

data/views/scss/_settings.scss

@@ -1,271 +0,0 @@
-@import "foundation/common/ratios";
-
-// Settings file containing Foundation defaults
-
-// Grid Settings
-
-// $rowWidth: 1000px;
-// $columnGutter: 30px;
-// $totalColumns: 12;
-// $mobileTotalColumns: 4;
-// $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
-
-// Colors Settings
-
-// $mainColor: #2ba6cb;
-// $secondaryColor: #e9e9e9;
-// $alertColor: #c60f13;
-// $successColor: #5da423;
-// $txtColor: #222;
-// $highlightColor: #ffff99;
-// $black: #000;
-// $white: #fff;
-// $shinyEdge: rgba(#fff, .5);
-// $darkEdge: rgba(#000, .2);
-
-// Font Settings
-
-// $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $headerFontWeight: bold;
-// $headerFontStyle: normal;
-// $headerFontColor: #222;
-// $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $bodyFontWeight: normal;
-// $bodyFontStyle: normal;
-// $bodyFontColor: $txtColor;
-
-// Text Direction Settings
-
-// $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
-
-// Button Settings
-
-// $buttonRadius: 3px;
-// $btnBase: 10px;
-
-// $tinyBtnBase: $btnBase - 5;
-// $smallBtnBase: $btnBase - 3;
-// $largeBtnBase: $btnBase + 5;
-
-// Form Settings
-
-// $formSpacing: 12px;
-// $labelFontWeight: 500;
-// $labelFontColor: lighten(#000, 30%);
-// $labelBtmMargin: 3px;
-// $inputFontColor: rgba(0,0,0,0.75);
-// $inputFontSize: 14px;
-// $inputBgColor: #fff;
-// $inputFocusBgColor: darken(#fff, 2%);
-// $inputBorderColor: darken(#fff, 20%);
-// $inputFocusBorderColor: darken(#fff, 30%);
-// $inputBorderStyle: solid;
-// $inputBorderWidth: 1px;
-// $inputBorderRadius: 2px;
-// $fieldsetBorderRadius: 3px;
-
-// Custom Form Settings
-
-// $custFormBorderColor: #ccc;
-// $custFormBgColor: #fff;
-// $custCheckColor: #222;
-// $custSelectCurrentFontColor: #141414;
-// $custSelectBgColor: #fff;
-// $custSelectBorderColor: #ddd;
-// $custSelectTriangleColor: #aaa;
-// $custSelectTriangleColorOpen: #222;
-// $custSelectDropHeight: 200px;
-// $custDropdownBgColor: #fff;
-// $custDropdownBorderColor: darken(#fff, 20%);
-// $custDropdownFontColor: #555;
-// $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
-// $custDropdownSelectedFontColor: #000;
-// $custFormDisabledBgColor: #ddd;
-
-// Tab Settings
-
-// $tabHeight: 40px;
-// $tabTermFontSize: 12px;
-
-// Nav Bar Settings
-
-// $navBarHeight: 40px;
-// $navFlyoutBaseWidth: 250px;
-
-// Top Bar Settings
-
-// $topBarBgColor: #222;
-// $topBarHeight: 45px;
-// $topBarHeightMobile: 45px;
-// $topBarBtmMargin: 30px;
-// $topBarTitleWeight: bold;
-// $topBarTitleSize: 17px;
-// $topBarLinkColor: #fff;
-// $topBarLinkWeight: bold;
-// $topBarLinkSize: 13px;
-// $topBarDropBgColor: #222;
-// $topBarDropLinkColor: #fff;
-// $topBarDropToggleSize: 5px;
-// $topBarDropToggleColor: #fff;
-// $topBarDropToggleAlpha: 0.5;
-// $topBarSearchWidth: 200px;
-// $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
-// $topBarNavToggleSize: 8px;
-
-// UI Settings
-
-// $thumbRadius: 3px;
-// $progBarHeight: 25px;
-// $progBarBorderColor: darken(#fff, 20%);
-// $progBarBorderSize: 1px;
-// $progBarPad: 2px;
-// $linkListBottomMargin: 17px -22px;
-// $tableBorderRadius: 3px;
-
-// Tooltip Settings
-
-// $hasTipBorderBottom: dotted 1px #ccc;
-// $hasTipFontWeight: bold;
-// $hasTipFontColor: #333;
-// $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
-// $hasTipFontColorHover: $mainColor;
-// $tooltipBackgroundColor: #000;
-// $tooltipBackgroundOpacity: 0.85;
-// $tooltipFontSize: 12px;
-// $tooltipFontWeight: bold;
-// $tooltipFontColor: #fff;
-// $tapToCloseFontSize: 10;
-// $tapToCloseFontWeight: normal;
-// $tapToCloseFontColor: #888;
-// $tooltipFontSizeScreenSm: 14;
-// $tooltipBgOpacityScreenSm: 0.85;
-// $tooltipBorderRadius: 4px;
-
-// Pricing Table Settings
-
-// $priceTableBorder: solid 1px #ddd;
-// $priceTitleBgColor: #ddd;
-// $priceTitlePadding: 15px 20px;
-// $priceTitleAlign: center;
-// $priceTitleColor: #333;
-// $priceTitleWeight: bold;
-// $priceTitleSize: 16px;
-
-// $priceMoneyBgColor: #eee;
-// $priceMoneyPadding: 15px 20px;
-// $priceMoneyAlign: center;
-// $priceMoneyColor: #333;
-// $priceMoneyWeight: normal;
-// $priceMoneySize: 20px;
-
-// $priceBgColor: #fff;
-// $priceDescColor: #777;
-// $priceDescPadding: 15px;
-// $priceDescAlign: center;
-// $priceDescFontSize: 12px;
-// $priceDescWeight: normal;
-// $priceDescLineHeight: 1.4;
-// $priceDescBtmBorder: dotted 1px #ddd;
-
-// $priceItemColor: #333;
-// $priceItemPadding: 15px;
-// $priceItemAlign: center;
-// $priceItemFontSize: 14px;
-// $priceItemWeight: normal;
-// $priceItemBtmBorder: dotted 1px #ddd;
-
-// $priceCtaBgColor: #f5f5f5;
-// $priceCtaAlign: center;
-// $priceCtaPadding: 20px;
-
-// Orbit Settings
-
-// $orbitCaptionBgColorOldBrowser: #000;
-// $orbitCaptionBgColor: rgba(0,0,0,.6);
-// $orbitCaptionFontColor: #fff;
-// $orbitBulletNavColor: #999;
-// $orbitBulletNavColorActive: #222;
-// $orbitHasThumbBorderColor: #000;
-// $orbitHasThumbBorderWidth: 2px;
-// $orbitHasThumbBorderStyle: solid;
-// $orbitSlideNumBgColor: rgba(0,0,0,0.7);
-// $orbitSlideNumFontColor: #fff;
-// $orbitSlideNumPadding: 5px;
-
-// Clearing Settings
-
-// $clearingBg: rgba(0,0,0,0.8);
-// $clearingOldBrowserBg: rgb(0,0,0);
-// $clearingCaptionBg: rgba(0,0,0,0.7);
-// $clearingCaptionOldBrowserBg: rgb(0,0,0);
-// $clearingCaptionFontColor: #fff;
-// $clearingCloseColor: #fff;
-// $clearingArrowColor: #fff;
-// $clearingArrowSize: 16px;
-// $clearingCarouselBg: rgba(0,0,0,0.75);
-// $clearingCarouselOldBrowserBg: rgb(0,0,0);
-// $clearingCarouselHeight: 150px;
-// $clearingActiveImgHeight: 75%;
-// $clearingCarouselThumbWidth: 175px;
-// $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
-// $clearingImgBg: rgba(0,0,0,0.75);
-// $clearingImgOldBrowserBg: rgb(0,0,0);
-
-// Joyride Settings
-
-// $tipBg: rgba(0,0,0,0.8);
-// $tipBgIE8: #000;
-// $tipFontColor: #fff;
-// $tipHeaderWeight: bold;
-// $tipDefaultWidth: 300px;
-// $tipBorderRadius: 4px;
-// $tipPadding: 18px 20px 24px;
-// $tipNubSize: 14px;
-// $tipFontSize: 14px;
-// $tipTimerWidth: 50px;
-// $tipTimerHeight: 3px;
-// $tipTimerBorder: solid 1px #555;
-// $tipTimerColor: #666;
-// $tipCloseColor: #777;
-// $tipCloseSize: 20px;
-// $tipCloseWeight: normal;
-// $tipScreenFill: rgba(0,0,0,0.5);
-
-// Modular Scale Settings
-
-// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
-// $baseFontSize: 14px;
-// $importantModNum: 44px;
-// $base-size: $baseFontSize $importantModNum;
-// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
-// http://www.modularscale.com by Tim Brown
-// https://github.com/scottkellum/modular-scale by scottkellum
-
-$fontFileName: "/__font/general_foundicons";
-$fontName: "GeneralFoundicons";
-$classPrefix: "foundicon-";
-
-@mixin i-class($name,$pua) {
-  .#{$classPrefix}#{$name}:before {
-    content: "\f#{$pua}";
-  }
-}
-
-@mixin ie-class($name,$pua) {
-  .#{$classPrefix}#{$name} {
-    *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf#{$pua};");
-  }
-}
-
-@mixin face {
-  @font-face {
-    font-family: $fontName;
-    src: url('#{$fontFileName}.eot');
-    src: url('#{$fontFileName}.eot?#iefix') format('embedded-opentype'),
-         url('#{$fontFileName}.woff') format('woff'),
-         url('#{$fontFileName}.ttf') format('truetype'),
-         url('#{$fontFileName}.svg##{$fontName}') format('svg');
-    font-weight: normal;
-    font-style: normal;
-  }
-}