runeblog 0.2.83 → 0.2.88

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bc20c73da7ee238b37adbc948c5e883f1e5f0b9b8c7f7add232c31dfbc2e3bd3
-  data.tar.gz: 294b35d978b4ff2859f1073d460a3f61947284b659a041037f43f319cb38c4c8
+  metadata.gz: 971964911d35242af990fce1bf3ac1e3227dd15726753f1224364781dd8d14ee
+  data.tar.gz: 1168fac5a9db55738abfcd02d2a05b6da4e35a7aca6739b982ad9f45ff1aa143
 SHA512:
-  metadata.gz: 2b8b9925f49e63203942d6c325960c7774c0ad96671e065e279b880cee8d80ff60c215488e9e403c3657ec9b4e2d89efc8f4e5052d0bffe9ff887dcd67556bd3
-  data.tar.gz: 5b44950c664496a2032010c1e50da51a6091cf1d689ed1f49536ecb54c1586f4046de94bc9a5d1ae12fca675c3ba0969208f6c42cc93cd0dc0750c5687bdc205
+  metadata.gz: 8d4d68cdfc991e83c6c1d4ed351b410803a276ccf296da6780f671851d9ec05b667adbb3ca23558e2a7e0cf896715391d07bc11e8c47fe2de3486e8f223513af
+  data.tar.gz: b60f9c6f1cd642499992d72a7727276c0e0daa2b0de3c987e98a607570e62c01c926310761c7db2a715e4c22c8820ac0d3362c822d851a7329e71ff622b2efd7

data/bin/blog

@@ -12,9 +12,7 @@ include RuneBlog::REPL
 def yesno(question, noskip=false)
   puts fx("\n  #{question}", :bold)
   puts unless noskip
-  r, c = STDSCR.rc
-  num, str = STDSCR.menu(r: r, c: c+6, items: ["yes", "no"])
-  num == 0
+  STDSCR.yesno
 end
 
 def pick_editor
@@ -24,33 +22,57 @@ def pick_editor
   file = `which #{name}`.chomp
 end
 
+def get_universal
+  univ = "#{@blog.root}/data/universal.lt3"
+  if yesno("Faster initial setup? (no: edit universal.lt3)")
+    author = ask("Author name: ")
+    site   = ask("Site/domain: ")
+    # Now stash it...
+    str = File.read(univ)
+    str = str.gsub(/AUTHOR/, author)
+    str = str.gsub(/SITE_DOMAIN/, site)
+  else
+    vim_params = '-c ":set hlsearch" -c ":hi Search ctermfg=2 ctermbg=6" +/"\(AUTHOR.*\|SITE.*\)"'
+    edit_file(univ, vim: vim_params)
+  end
+end
+
+def get_global
+  if yesno("Faster view setup? (no: edit global.lt3)")
+    view_name = ask("\nFilename: ")
+    @blog.create_view(view_name)   # call change_view??
+    title     = ask("View title: ")
+    subtitle  = ask("Subtitle  : ")
+    gname = "#{@blog.root}/views/#{view_name}/themes/standard/global.lt3" 
+    text = File.read(gname)
+    text = text.gsub(/VIEW_NAME/,     view_name)
+    text = text.gsub(/VIEW_TITLE/,    title)
+    text = text.gsub(/VIEW_SUBTITLE/, subtitle)
+    File.write(gname, text)
+  else
+    view_name = ask("\nFilename: ")
+    @blog.create_view(view_name)   # call change_view??
+    vim_params = '-c ":set hlsearch" -c ":hi Search ctermfg=2 ctermbg=6" +/"\(VIEW_.*\|SITE.*\)"'
+    edit_file(@blog.view.dir/"themes/standard/global.lt3", vim: vim_params)
+  end
+end
+
 def get_started
   if yesno("Do you want to qo a quick setup?")
-    puts "\n      First choose your editor."
+    puts "      First choose your editor."
     @blog.editor = pick_editor
     File.write("#{@blog.root}/data/EDITOR", @blog.editor)
 
-    if yesno("Edit settings now?")
-      fname = "#{@blog.root}/data/universal.lt3"
-      vim_params = '-c ":set hlsearch" -c ":hi Search ctermfg=2 ctermbg=6" +/"\(AUTHOR.*\|SITE.*\)"'
-      edit_file(fname, vim: vim_params)
-    end
+    get_universal
     # Now create a custom global.lt3
     @blog._generate_global
-    sleep 1
-    noview = true
     puts fx("\n  Quick setup complete!", :bold)
     if yesno("Create your first view now?")
-      cmd_new_view(nil)
-      noview = false
-      sleep 1
+      get_global
       puts "\n  View #{@blog.view} created!\n "
     end
-    system("cp #@root/data/global.lt3 #@root/views/#{@blog.view}/themes/standard/")
   end
 
-  sleep 0.5
-
   puts
   print fx("  For help", :bold)
   puts " type h or help."

data/empty_view/posts/GIT_IS_DUMB

@@ -0,0 +1 @@
+meh

data/empty_view/themes/standard/banner/top.lt3

@@ -0,0 +1,19 @@
+.nopara
+<svg width="98%" height="120"
+     viewBox="0 0 98% 100">
+  <defs>
+    <linearGradient id="grad1" x1="100%" y1="100%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(198,198,228);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(30,30,50);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <style>
+    .small { font: 18px sans-serif; fill: #98baff }
+    .heavy { font: bold 52px sans-serif; fill: #76a9ff }
+  </style>
+
+<rect x="20" y="20" rx="15" ry="15" width="98%" height="100" fill="url(#grad1)"/>
+
+<text x="45" y="70" class=heavy>$blog</text>
+<text x="45" y="98" class=small>$blog.desc</text>
+</svg>

data/empty_view/themes/standard/blog/banner.lt3

@@ -1,6 +1,4 @@
 .banner
-  height  100
-  bgcolor 101035
   text    top.html
   break
   navbar

data/lib/liveblog.rb

@@ -91,7 +91,7 @@ end
 def banner
   count = 0
   span = 1
-  @bg = "white"  # outside loop
+  bg = "white"  # outside loop
   wide = nil
   high = 250
   str2 = ""
@@ -103,12 +103,9 @@ def banner
     tag, *data = line.split
     data ||= []
     case tag
-      when "width"
-        wide = data[0]
-      when "height"
-        high = data[0]
-      when "bgcolor"
-        @bg = data[0] || "white"
+      when "width";   wide = data[0]
+      when "height";  high = data[0]
+      when "bgcolor"; bg = data[0] || "white"
       when "image"
         image = data[0] || "banner.jpg"
         image = "banner"/image
@@ -122,31 +119,39 @@ def banner
       when "text"
         data[0] ||= "top.html"
         file = "banner"/data[0]
+        if ! File.exist?(file) 
+          src = file.sub(/html$/, "lt3")
+          if File.exist?(src)
+            preprocess src: src, dst: file, vars: Livetext::Vars
+          else
+            raise "Neither #{file} nor #{src} found"
+          end
+        end
         str2 << "<td colspan=#{span}>" + File.read(file) + "</td>" + "\n"
       when "navbar"
         dir = @blog.root/:views/@blog.view/"themes/standard/banner/" + "\n"
         _make_navbar  # horiz is default
         file = "banner/navbar.html"
         navbar = File.read(file)
-        # str2 << "<td colspan=#{span}><div style='text-align: center'>#{stuff}</div></td>" + "\n"
       when "vnavbar"
         dir = @blog.root/:views/@blog.view/"themes/standard/banner/"
         _make_navbar(:vert)
         file = "banner/vnavbar.html"
         navbar = File.read(file)
-        # str2 << "<td colspan=#{span}>" + File.read(file) + "</td>" + "\n"
       when "break"
-         span = count - 1
+#        span = count - 1
          str2 << "  </tr>\n  <tr>"  + "\n"
     else
       str2 << "        '#{tag}' isn't known" + "\n"
     end
   end
-  _out "<table width=100% height=#{high} bgcolor=##{@bg}>"
-  _out "  <tr>"
-  _out str2
-  _out "  </tr>"
-  _out "</table>"
+  _out <<~HTML
+    <table width=100% bgcolor=#{bg}>
+      <tr>
+        #{str2}
+      </tr>
+    </table>
+  HTML
   _out navbar if navbar
 rescue => err
   STDERR.puts "err = #{err}"
@@ -154,32 +159,10 @@ rescue => err
   gets
 end
 
-def _parse_colon_args(args, hash)  # really belongs in livetext
-  h2 = hash.dup
-  e = args.each
-  loop do
-    arg = e.next.chop.to_sym
-    raise "_parse_args: #{arg} is unknown" unless hash.keys.include?(arg)
-    h2[arg] = e.next
-  end
-  h2 = h2.reject {|k,v| v.nil? }
-  h2.each_pair {|k, v| raise "#{k} has no value" if v.empty? }
-  h2
-end
-
-def _get_arg(name, args)  # really belongs in livetext
-  raise "(#{name}) Expected an array" unless args.is_a? Array
-  raise "(#{name}) Expected an arg" if args.empty?
-  raise "(#{name}) Too many args: #{args.inspect}" if args.size > 1
-  val = args[0]
-  raise "Expected an argument '#{name}'" if val.nil?
-  val
-end
-
 def _svg_title(*args)
-  width    = 330
-  height   = 100
-  bgcolor  = "blue"
+  width    = "95%"
+  height   = 90
+  bgcolor  = "black"
   style    = nil
   size     = ""
   font     = "sans-serif"
@@ -194,103 +177,43 @@ def _svg_title(*args)
   align2   = "center"
 
   e = args.each
-  hash = {}
+  hash = {}  # TODO get rid of hash??
+
+  valid = %w[width height bgcolor style size font color xy 
+             align style2 size2 font2 color2 xy2 align2]
+  os = OpenStruct.new
   loop do
     arg = e.next
     arg = arg.chop
-    case arg   # can give runtime error if arg missing
-      when "width";    width    = e.next
-      when "height";   height   = e.next
-      when "bgcolor";  bgcolor  = e.next
-      when "style";    style    = e.next
-      when "size";     size     = e.next
-      when "font";     font     = e.next
-      when "color";    color    = e.next
-      when "xy";       xy       = e.next
-      when "align";    align    = e.next
-      when "style2";   style2   = e.next
-      when "size2";    size2    = e.next
-      when "font2";    font2    = e.next
-      when "color2";   color2   = e.next
-      when "xy2";      xy2      = e.next
-      when "align2";   align2   = e.next
-    end
+    raise "Don't know '#{arg}'" unless valid.include?(arg)
+    os.send(arg+"=", e.next)
   end
   x, y = xy.split(",")
   x2, y2 = xy2.split(",")
-  hash["x"]       = x
-  hash["y"]       = y
-  hash["x2"]      = x2
-  hash["y2"]      = y2
-  hash["width"]   = width
-  hash["height"]  = height
-  hash["bgcolor"] = bgcolor
-  hash["style"]   = style
-  hash["size"]    = size
-  hash["font"]    = font
-  hash["color"]   = color
-  hash["xy"]      = xy
-  hash["align"]   = align
-  hash["style2"]  = style2
-  hash["size2"]   = size2
-  hash["font2"]   = font2
-  hash["color2"]  = color2
-  hash["align2"]  = align2
+  names = %w[x y x2 y2] + valid
+  names.each {|name| hash[name] = os.send(name) }
   result = <<~HTML
     <svg width="#{width}" height="#{height}"
          viewBox="0 0 #{width} #{height}">
+      <defs>
+        <linearGradient id="grad1" x1="100%" y1="100%" x2="0%" y2="100%">
+          <stop offset="0%" style="stop-color:rgb(198,198,228);stop-opacity:1" />
+          <stop offset="100%" style="stop-color:rgb(30,30,50);stop-opacity:1" />
+        </linearGradient>
+      </defs>
       <style>
         .title    { font: #{style} #{size} #{font}; fill: #{color} }
         .subtitle { font: #{style2} #{size2} #{font2}; fill: #{color2} }
       </style>
-      <rect x="10" y="10" rx="10" ry="10" width="#{width-20}" height="#{height-20}" fill="#{bgcolor}"/>
+      <rect x="10" y="10" rx="10" ry="10" width="#{width}" height="#{height}" fill="url(#grad1)"/>
       <text text-anchor="#{align}"  x="#{x}" y="#{y}" class="title">#{Livetext::Vars[:blog]} </text>
       <text text-anchor="#{align2}" x="#{x2}" y="#{y2}" class="subtitle">#{Livetext::Vars["blog.desc"]} </text>
-    </svg>
+    </svg> 
+    <!-- ^ how does syntax highlighting get messed up? </svg> -->
   HTML
   [result, hash]
 end
 
-def svg_title_SOON
-  tstyle = tsize = tfont = tcolor = txy = talign = nil
-  t2style = t2size = t2font = t2color = t2xy = t2align = nil
-  wide, high, hue = 450, 150, "white"
-  _body do |line|
-    count += 1
-    tag, *data = line.split
-    data ||= []
-    title_params = {style: nil, size: "", font: "sans-serif", color: "white",
-                    xy: "5,5", align: "left"}
-    case tag
-      when "title";   
-        hash = _parse_colon_args(data, title_params)
-        tstyle, tsize, tfont, tcolor, txy, talign = 
-          hash.values_at(:tstyle, :tsize, :tfont, :tcolor, :txy, :talign)
-        tx, ty = txy.split(",")
-      when "title2";  
-        hash = _parse_colon_args(data, title_params)
-        t2style, t2size, t2font, t2color, t2xy, t2align =
-          hash.values_at(:t2style, :t2size, :t2font, :t2color, :t2xy, :t2align)
-        t2x, t2y = t2xy.split(",")
-      when "width";   wide = _get_arg(:width, data)
-      when "height";  high = _get_arg(:height, data)
-      when "bgcolor"; hue  = _get_arg(:bgcolor, data)
-    end
-  end
-  <<~HTML
-    <svg width="#{wide}" height="#{high}"
-         viewBox="0 0 #{wide} #{high}">
-      <style>
-        .title    { font: #{tstyle} #{tsize} #{tfont}; fill: #{tcolor} }
-        .subtitle { font: #{t2style} #{t2size} #{t2font}; fill: #{t2color} }
-      </style>
-      <rect x="0" y="0" rx="10" ry="10" width="#{wide}" height="#{height}" fill="#{bgcolor}"/>
-      <text text-anchor="#{talign}"  x="#{tx}" y="#{tx}" class="title">$blog </text>
-      <text text-anchor="#{t2align}" x="#{t2x}" y="#{t2y}" class="subtitle">$blog.desc </text>
-    </svg>
-  HTML
-end
-
 def quote
   _passthru "<blockquote>"
   _passthru _body.join(" ")
@@ -753,7 +676,6 @@ def _make_navbar(orient = :horiz)
     list1, list2 = '<l class="navbar-nav mr-auto">', "</ul>"
   end
   
-#      <!-- FIXME weird bug here!!! -->
   start = <<-HTML
    <table><tr><td>
    <nav class="navbar #{extra} navbar-light bg-light">

data/lib/processing.rb

@@ -22,7 +22,7 @@ end
 
 def preprocess(cwd: Dir.pwd, src:, 
           dst: (strip = true; File.basename(src).sub(/.lt3$/,"")), 
-          deps: [], copy: nil, debug: false, force: false)
+          deps: [], copy: nil, debug: false, force: false, vars: nil)
   src += LEXT unless src.end_with?(LEXT)
   dst += ".html" unless (dst.end_with?(".html") || strip)
   sp = " "*12
@@ -38,7 +38,7 @@ def preprocess(cwd: Dir.pwd, src:,
     stale = stale?(src, dst, deps, force)
     if stale
       live = Livetext.new
-      out = live.xform_file(src)
+      out = live.xform_file(src, vars: vars)
       File.write(dst, out)
       system!("cp #{dst} #{copy}") if copy
     end

data/lib/repl.rb

@@ -39,27 +39,22 @@ module RuneBlog::REPL
   end
 
   def cmd_config(arg, testing = false)
-    list = ["global.lt3           Global configuration",
-            "blog/generate.lt3    Generator for view (usu not edited)",
-            ".... head.lt3        HEAD info for view",
-            ".... banner.lt3      banner description",
-            ".... index.lt3       User-edited detail for view",
-            ".... post_entry.lt3  Generator for post entry in recent-posts",
-            "etc/blog.css.lt3     Global CSS",
-            "... externals.lt3    External JS/CSS (Bootstrap, etc.)",
-            "post/generate.lt3    Generator for a post",
-            ".... head.lt3        HEAD info for post",
-            ".... index.lt3       Content for post",
-            ".... permalink.lt3   Generator for permalink"]
-
-    name = ["global.lt3", "blog/generate.lt3", "blog/head.lt3", "blog/banner.lt3", 
-            "blog/index.lt3", "blog/post_entry.lt3", "etc/blog.css.lt3", 
-            "blog/externals.lt3", "post/generate.lt3", "post/head.lt3", 
-            "post/index.lt3", "post/permalink.lt3"]
+    hash = {"global.lt3           Global configuration"                     => "global.lt3",
+            "blog/generate.lt3    Generator for view (usu not edited)"      => "blog/generate.lt3",
+            ".... head.lt3        HEAD info for view"                       => "blog/head.lt3",
+            ".... banner.lt3      banner description"                       => "blog/banner.lt3",
+            ".... index.lt3       User-edited detail for view"              => "blog/index.lt3",
+            ".... post_entry.lt3  Generator for post entry in recent-posts" => "blog/post_entry.lt3",
+            "etc/blog.css.lt3     Global CSS"                               => "etc/blog.css.lt3",
+            "... externals.lt3    External JS/CSS (Bootstrap, etc.)"        => "/etc/externals.lt3",
+            "post/generate.lt3    Generator for a post"                     => "post/generate.lt3",
+            ".... head.lt3        HEAD info for post"                       => "post/head.lt3",
+            ".... index.lt3       Content for post"                         => "post/index.lt3",
+            ".... permalink.lt3   Generator for permalink"                  => "post/permalink.lt3",
+           }
 
     dir = @blog.view.dir/"themes/standard/"
-    num, str = STDSCR.menu(title: "Edit file:", items: list)
-    target = name[num]
+    num, target = STDSCR.menu(title: "Edit file:", items: hash)
     edit_file(dir/target)
   end
 
@@ -253,6 +248,7 @@ module RuneBlog::REPL
       viewnames = @blog.views.map {|x| x.name }
       n = viewnames.find_index(@blog.view.name)
       name = @blog.view.name
+      # TODO: Add view description 
       k, name = STDSCR.menu(title: "Views", items: viewnames, curr: n) unless testing
       return if name.nil?
       @blog.view = name
@@ -276,6 +272,9 @@ module RuneBlog::REPL
       puts
     end
     @blog.create_view(arg)
+    text = File.read("#{@blog.root}/data/global.lt3")
+    File.write("#{@blog.root}/views/#{@blog.view}/themes/standard/global.lt3", 
+               text.gsub(/VIEW_NAME/, @blog.view.to_s))
     vim_params = '-c ":set hlsearch" -c ":hi Search ctermfg=2 ctermbg=6" +/"\(VIEW_.*\|SITE.*\)"'
     edit_file(@blog.view.dir/"themes/standard/global.lt3", vim: vim_params)
     @blog.change_view(arg)

data/lib/runeblog.rb

@@ -376,15 +376,26 @@ class RuneBlog
       <body>
     HTML
     posts = _sorted_posts
-    wanted = [8, posts.size].min  # estimate how many we want?
-    enum = posts.each
-    entries = []
-    wanted.times do
-      postid = File.basename(enum.next)
-      postid = postid.to_i
-      entry = index_entry(postid)
-      entries << entry
-      text << entry
+    if posts.size > 0
+      wanted = [8, posts.size].min  # estimate how many we want?
+      enum = posts.each
+      entries = []
+      wanted.times do
+        postid = File.basename(enum.next)
+        postid = postid.to_i
+        entry = index_entry(postid)
+        entries << entry
+        text << entry
+      end
+    else
+      text << <<-HTML
+        <svg width="95%" height="75%" viewBox="0 0 95% 95%">
+          <style> .huge { font:  italic 90px sans-serif; fill: white } </style>
+          <rect x="0" y="0" rx="50" ry="50" width="95%" height="95%" fill="lightblue"/>
+          <text x="120" y="250" class=huge>No posts</text>
+          <text x="120" y="350" class=huge>here yet</text>
+        </svg>
+      HTML
     end
     text << "</body></html>"
     File.write(@vdir/:remote/file, text)

data/lib/runeblog_version.rb

@@ -2,7 +2,7 @@
 if ! (Object.constants.include?(:RuneBlog) && RuneBlog.constants.include?(:Path))
 
 class RuneBlog
-  VERSION = "0.2.83"
+  VERSION = "0.2.88"
 
   path = Gem.find_files("runeblog").grep(/runeblog-/).first
   Path  = File.dirname(path)

data/runeblog.gemspec

@@ -20,8 +20,8 @@ spec = Gem::Specification.new do |s|
   s.authors     = ["Hal Fulton"]
   s.email       = 'rubyhacker@gmail.com'
   s.executables << "blog"
-  s.add_runtime_dependency 'livetext', '~> 0.8', '>= 0.8.96'
-  s.add_runtime_dependency 'rubytext', '~> 0.1', '>= 0.1.18'
+  s.add_runtime_dependency 'livetext', '~> 0.8', '>= 0.8.98'
+  s.add_runtime_dependency 'rubytext', '~> 0.1', '>= 0.1.19'
 
   s.add_development_dependency 'minitest', '~> 5.10', '>= 5.10.0'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: runeblog
 version: !ruby/object:Gem::Version
-  version: 0.2.83
+  version: 0.2.88
 platform: ruby
 authors:
 - Hal Fulton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-12-15 00:00:00.000000000 Z
+date: 2019-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: livetext
@@ -19,7 +19,7 @@ dependencies:
         version: '0.8'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.8.96
+        version: 0.8.98
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -29,7 +29,7 @@ dependencies:
         version: '0.8'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.8.96
+        version: 0.8.98
 - !ruby/object:Gem::Dependency
   name: rubytext
   requirement: !ruby/object:Gem::Requirement
@@ -39,7 +39,7 @@ dependencies:
         version: '0.1'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.18
+        version: 0.1.19
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -49,7 +49,7 @@ dependencies:
         version: '0.1'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.18
+        version: 0.1.19
 - !ruby/object:Gem::Dependency
   name: minitest
   requirement: !ruby/object:Gem::Requirement
@@ -89,9 +89,9 @@ files:
 - data/universal.lt3
 - empty_view/assets/austin-pano.jpg
 - empty_view/assets/sky2.jpg
+- empty_view/posts/GIT_IS_DUMB
 - empty_view/remote/assets/GIT_IS_DUMB
 - empty_view/remote/banner/austin-pano.jpg
-- empty_view/remote/banner/top.html
 - empty_view/remote/etc/GIT_IS_DUMB
 - empty_view/remote/permalink/GIT_IS_DUMB
 - empty_view/remote/widgets/ad/GIT_IS_DUMB
@@ -104,7 +104,7 @@ files:
 - empty_view/themes/standard/banner/contact.lt3
 - empty_view/themes/standard/banner/faq.lt3
 - empty_view/themes/standard/banner/list.data
-- empty_view/themes/standard/banner/top.html
+- empty_view/themes/standard/banner/top.lt3
 - empty_view/themes/standard/blog/banner.lt3
 - empty_view/themes/standard/blog/generate.lt3
 - empty_view/themes/standard/blog/head.lt3

data/empty_view/remote/banner/top.html

@@ -1,4 +0,0 @@
-  <div style="text-align: center; color: white; background: #101035">
-    <h1>Around Austin</h1><br>
-    The view from downtown...
-  </div>

data/empty_view/themes/standard/banner/top.html

@@ -1,18 +0,0 @@
-<svg width="95%" height="55"
-     viewBox="0 0 95% 55">
-  <defs>
-    <linearGradient id="grad1" x1="100%" y1="100%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:rgb(198,198,228);stop-opacity:1" />
-      <stop offset="100%" style="stop-color:rgb(30,30,50);stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  <style>
-    .small { font: 13px sans-serif; fill: #98baff }
-    .heavy { font: bold 35px sans-serif; fill: #76a9ff }
-  </style>
-
-<rect x="0" y="0" rx="3" ry="3" width="95%" height="55" fill="url(#grad1)"/>
-
-<text x="5" y="33" class=heavy>$blog</text>
-<text x="5" y="48" class=small>$blog.desc</text>
-</svg>