清新的簡歷樣式--CSS

一把心酸一把淚。。。

這兩年一直在做智能交通的技術支持,現在想換行業，把簡歷貼出去只有技術支持崗位的公司來電話。自學了一個月，如果沒有進入開發項目的話，感覺好難成長起來；比如說現在就很迷茫。不清楚前端的路是怎麼走的，閉門造車。就怕學了一堆，然後別人說，你學的東西沒人在用了。

昨天，跟領導說換到研發部，被鄙視了一頓，晚上輾轉難眠，想著自己年齡也不小了，如果還一直原地踏步的話，又要走以前的老路。

大家有什麼好的建議嗎？如果有關係，可以推薦我去那裡實習，苦點沒關係的。

這是我的簡歷，效果都是css和canvas結合出來的。

下麵是腳本（都是畫線畫圓的語句）。

<script>
      var canvas = document.getElementById("myCanvas");
      var ctx = canvas.getContext("2d");
      function drawCircle(i, s, n){
        ctx.beginPath();
        ctx.strokeStyle = s;
        ctx.lineWidth = 13;
        ctx.stroke();
        ctx.arc(150,150,i,1.5*Math.PI,n);
        ctx.stroke();
      }
      function drawInterest(c, s, n, r) {
        ctx.font = "bold " + 13 + "px arial";
        ctx.textBaseline="middle";
        ctx.fillStyle= c;
        ctx.fillText(s, n, 150-r);
      }
      //LOVE CODE
      ctx.font = "bold " + 18 + "px arial";
      ctx.textBaseline="middle";
      ctx.fillStyle= "black";
      ctx.fillText("CODER", 114, 150);
      //DRAW CIRCLE AND TITLE
      drawCircle(40, "#008DD2", 0.35*Math.PI);
      drawInterest("#008DD2","跳舞", 120, 40);
      drawCircle(65, "#000", 0.6*Math.PI);
      drawInterest("#000","唱歌", 120, 65);
      drawCircle(90, "#008DD2", 0.7*Math.PI);
      drawInterest("#008DD2","畫畫", 120, 90);
      drawCircle(115, "#000", 0.85*Math.PI);
      drawInterest("#000","沉思", 120, 115);
      drawCircle(140, "#008DD2", 0.9*Math.PI);
      drawInterest("#008DD2","旅游", 120, 140);
      //second pic (experience)
      var experienceCanvas = document.getElementById("myExperience");
      var ctx_2 = experienceCanvas.getContext("2d");
      ctx_2.setLineDash([5, 10])
      ctx_2.beginPath();
      ctx_2.moveTo(365,0);
      ctx_2.lineWidth = 2;
      ctx_2.strokeStyle = "gray";
      ctx_2.lineTo(365, 500);
      ctx_2.stroke();
      //next
      ctx_2.beginPath();
      ctx_2.moveTo(365, 230);
      ctx_2.lineWidth = 2;
      ctx_2.strokeStyle = "gray";
      ctx_2.lineTo(260, 270);
      ctx_2.stroke();
      //next
      ctx_2.beginPath();
      ctx_2.moveTo(365, 310);
      ctx_2.lineWidth = 2;
      ctx_2.strokeStyle = "gray";
      ctx_2.lineTo(260, 440);
      ctx_2.stroke();
      //write year
      ctx_2.font = "bold " + 16 + "px arial";
      ctx_2.textBaseline="middle";
      ctx_2.strokeStyle= "black";
      ctx_2.fillText("2006", 348, 10);
      ctx_2.fillText("2009", 348, 100);
      ctx_2.fillText("2013", 348, 190);
      ctx_2.fillText("2014", 348, 280);
      ctx_2.fillText("2015", 348, 370);
      ctx_2.fillText("2016", 348, 460);
      ctx_2.fillText("Present", 348, 500);
    </script>